mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-19 22:25:09 +02:00
Add placeholder options to demo page
This commit is contained in:
parent
e6882f3e4b
commit
f539ca084e
|
@ -214,6 +214,7 @@
|
||||||
placeholder="This is a placeholder"
|
placeholder="This is a placeholder"
|
||||||
multiple
|
multiple
|
||||||
>
|
>
|
||||||
|
<option value="">Pick a country</option>
|
||||||
<optgroup label="UK">
|
<optgroup label="UK">
|
||||||
<option value="London">London</option>
|
<option value="London">London</option>
|
||||||
<option value="Manchester">Manchester</option>
|
<option value="Manchester">Manchester</option>
|
||||||
|
@ -336,8 +337,8 @@
|
||||||
data-trigger
|
data-trigger
|
||||||
name="choices-single-groups"
|
name="choices-single-groups"
|
||||||
id="choices-single-groups"
|
id="choices-single-groups"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
>
|
>
|
||||||
|
<option value="">Pick a country</option>
|
||||||
<optgroup label="UK">
|
<optgroup label="UK">
|
||||||
<option value="London">London</option>
|
<option value="London">London</option>
|
||||||
<option value="Manchester">Manchester</option>
|
<option value="Manchester">Manchester</option>
|
||||||
|
@ -376,7 +377,6 @@
|
||||||
data-trigger
|
data-trigger
|
||||||
name="choices-single-rtl"
|
name="choices-single-rtl"
|
||||||
id="choices-single-rtl"
|
id="choices-single-rtl"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
<option value="Choice 1">Choice 1</option>
|
<option value="Choice 1">Choice 1</option>
|
||||||
|
@ -402,7 +402,6 @@
|
||||||
class="form-control"
|
class="form-control"
|
||||||
name="choices-single-preset-options"
|
name="choices-single-preset-options"
|
||||||
id="choices-single-preset-options"
|
id="choices-single-preset-options"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
></select>
|
></select>
|
||||||
|
|
||||||
<label for="choices-single-selected-option"
|
<label for="choices-single-selected-option"
|
||||||
|
@ -415,7 +414,6 @@
|
||||||
class="form-control"
|
class="form-control"
|
||||||
name="choices-single-selected-option"
|
name="choices-single-selected-option"
|
||||||
id="choices-single-selected-option"
|
id="choices-single-selected-option"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
></select>
|
></select>
|
||||||
|
|
||||||
<label for="choices-with-custom-props-via-html"
|
<label for="choices-with-custom-props-via-html"
|
||||||
|
@ -440,7 +438,6 @@
|
||||||
class="form-control"
|
class="form-control"
|
||||||
name="choices-single-no-sorting"
|
name="choices-single-no-sorting"
|
||||||
id="choices-single-no-sorting"
|
id="choices-single-no-sorting"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
>
|
>
|
||||||
<option value="Madrid">Madrid</option>
|
<option value="Madrid">Madrid</option>
|
||||||
<option value="Toronto">Toronto</option>
|
<option value="Toronto">Toronto</option>
|
||||||
|
@ -467,7 +464,6 @@
|
||||||
class="form-control"
|
class="form-control"
|
||||||
name="choices-single-custom-templates"
|
name="choices-single-custom-templates"
|
||||||
id="choices-single-custom-templates"
|
id="choices-single-custom-templates"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
>
|
>
|
||||||
<option value="React">React</option>
|
<option value="React">React</option>
|
||||||
<option value="Angular">Angular</option>
|
<option value="Angular">Angular</option>
|
||||||
|
@ -481,12 +477,8 @@
|
||||||
'Cities' is 'London'
|
'Cities' is 'London'
|
||||||
</p>
|
</p>
|
||||||
<label for="cities">Cities</label>
|
<label for="cities">Cities</label>
|
||||||
<select
|
<select class="form-control" name="cities" id="cities">
|
||||||
class="form-control"
|
<option value="">Choose a city</option>
|
||||||
name="cities"
|
|
||||||
id="cities"
|
|
||||||
placeholder="Choose a city"
|
|
||||||
>
|
|
||||||
<option value="Leeds">Leeds</option>
|
<option value="Leeds">Leeds</option>
|
||||||
<option value="Manchester">Manchester</option>
|
<option value="Manchester">Manchester</option>
|
||||||
<option value="London">London</option>
|
<option value="London">London</option>
|
||||||
|
@ -495,12 +487,8 @@
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<label for="tube-stations">Tube stations</label>
|
<label for="tube-stations">Tube stations</label>
|
||||||
<select
|
<select class="form-control" name="tube-stations" id="tube-stations">
|
||||||
class="form-control"
|
<option value="">Choose a tube station</option>
|
||||||
name="tube-stations"
|
|
||||||
id="tube-stations"
|
|
||||||
placeholder="Choose a tube station"
|
|
||||||
>
|
|
||||||
<option value="Moorgate">Moorgate</option>
|
<option value="Moorgate">Moorgate</option>
|
||||||
<option value="St Pauls">St Pauls</option>
|
<option value="St Pauls">St Pauls</option>
|
||||||
<option value="Old Street">Old Street</option>
|
<option value="Old Street">Old Street</option>
|
||||||
|
@ -515,12 +503,7 @@
|
||||||
<p>Change the values and press reset to restore to initial state.</p>
|
<p>Change the values and press reset to restore to initial state.</p>
|
||||||
<form>
|
<form>
|
||||||
<label for="reset-simple">Change me!</label>
|
<label for="reset-simple">Change me!</label>
|
||||||
<select
|
<select class="form-control" name="reset-simple" id="reset-simple">
|
||||||
class="form-control"
|
|
||||||
name="reset-simple"
|
|
||||||
id="reset-simple"
|
|
||||||
placeholder="Choose an option"
|
|
||||||
>
|
|
||||||
<option value="Option 1">Option 1</option>
|
<option value="Option 1">Option 1</option>
|
||||||
<option value="Option 2" selected>Option 2</option>
|
<option value="Option 2" selected>Option 2</option>
|
||||||
<option value="Option 3">Option 3</option>
|
<option value="Option 3">Option 3</option>
|
||||||
|
@ -533,7 +516,6 @@
|
||||||
class="form-control"
|
class="form-control"
|
||||||
name="reset-multiple"
|
name="reset-multiple"
|
||||||
id="reset-multiple"
|
id="reset-multiple"
|
||||||
placeholder="This is a placeholder"
|
|
||||||
multiple
|
multiple
|
||||||
>
|
>
|
||||||
<option value="Choice 1" selected>Choice 1</option>
|
<option value="Choice 1" selected>Choice 1</option>
|
||||||
|
|
Loading…
Reference in a new issue