Select on op-apartment.html template

2 replies·opened Aug 20, 2020
L
Luiz Augusto Correia de AraujoAug 20, 2020

Hi,

We are using the beautiful op-apartment.html template and we need a select field on it.

We changed this:

<div class="col-md-4 mb-4">
	<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control border-form-control" placeholder="Phone" />
</div>

<div class="col-md-8 mb-4">
	<input type="text" id="template-contactform-subject" name="subject" value="" class="required sm-form-control border-form-control" placeholder="Subject" />
</div>

To this:

<div class="col-md-4 mb-4">
	<input type="text" id="template-contactform-telefone" name="template-contactform-telefone" value="" class="sm-form-control border-form-control" placeholder="Telefone" />
</div>

<div class="col-md-4 mb-4">
	<input type="text" id="template-contactform-assunto" name="subject" value="" class="required sm-form-control border-form-control" placeholder="Assunto" />
</div>

<div class="col-md-4 mb-4">
	<select id="template-contactform-select" name="template-contactform-select" class="sm-form-control border-form-control" />
	<option value="">Choose</option>
	<option value="A">A</option>
	<option value="B">B</option>
	<option value="C">C</option>
</select>
</div>

Is it possible to write a placeholder on select field?
Is it possible to make the select field required?

Thank you!

S
SemiColonWebSTAFFAug 20, 2020

Hello,

  1. Placeholders are not supported on Select Elements.

  2. Simply adding the .required Class to the Select Element will work fine.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

L
Luiz Augusto Correia de AraujoAug 20, 2020

Thank you!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard