<label>
<span>
Country
</span>
<div class="Form-select">
<select
id="country"
name="Country"
class=""
style=""
required
>
<option value="" disabled selected>Select One</option>
<option value="United States" >United States</option>
<option value="United Kingdom" >United Kingdom</option>
<option value="Canada" >Canada</option>
<option value="Australia" >Australia</option>
<option value="Mexico" >Mexico</option>
<option value="South Africa" >South Africa</option>
<option value="" disabled> </option>
<option value="Afghanistan" >Afghanistan</option>
<option value="Åland Islands" >Åland Islands</option>
<option value="Albania" >Albania</option>
<option value="Algeria" >Algeria</option>
<option value="American Samoa" >American Samoa</option>
<option value="Andorra" >Andorra</option>
<option value="Angola" >Angola</option>
<option value="Anguilla" >Anguilla</option>
<option value="Antarctica" >Antarctica</option>
<option value="Antigua and Barbuda" >Antigua and Barbuda</option>
<option value="Argentina" >Argentina</option>
<option value="Armenia" >Armenia</option>
<option value="Aruba" >Aruba</option>
<option value="Australia" >Australia</option>
<option value="Austria" >Austria</option>
<option value="Azerbaijan" >Azerbaijan</option>
<option value="Bahamas" >Bahamas</option>
<option value="Bahrain" >Bahrain</option>
<option value="Bangladesh" >Bangladesh</option>
<option value="Barbados" >Barbados</option>
<option value="Belarus" >Belarus</option>
<option value="Belgium" >Belgium</option>
<option value="Belize" >Belize</option>
<option value="Benin" >Benin</option>
<option value="Bermuda" >Bermuda</option>
<option value="Bhutan" >Bhutan</option>
<option value="Bolivia" >Bolivia</option>
<option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option>
<option value="Botswana" >Botswana</option>
<option value="Bouvet Island" >Bouvet Island</option>
<option value="Brazil" >Brazil</option>
<option value="British Indian Ocean Territory" >British Indian Ocean Territory</option>
<option value="British Virgin Islands" >British Virgin Islands</option>
<option value="Brunei" >Brunei</option>
<option value="Bulgaria" >Bulgaria</option>
<option value="Burkina Faso" >Burkina Faso</option>
<option value="Burundi" >Burundi</option>
<option value="Cambodia" >Cambodia</option>
<option value="Cameroon" >Cameroon</option>
<option value="Canada" >Canada</option>
<option value="Cape Verde" >Cape Verde</option>
<option value="Cayman Islands" >Cayman Islands</option>
<option value="Central African Republic" >Central African Republic</option>
<option value="Chad" >Chad</option>
<option value="Chile" >Chile</option>
<option value="China" >China</option>
<option value="Christmas Island" >Christmas Island</option>
<option value="Cocos (Keeling) Islands" >Cocos (Keeling) Islands</option>
<option value="Colombia" >Colombia</option>
<option value="Comoros" >Comoros</option>
<option value="Cook Islands" >Cook Islands</option>
<option value="Costa Rica" >Costa Rica</option>
<option value="Croatia" >Croatia</option>
<option value="Cuba" >Cuba</option>
<option value="Curaçao" >Curaçao</option>
<option value="Cyprus" >Cyprus</option>
<option value="Czechia" >Czechia</option>
<option value="Denmark" >Denmark</option>
<option value="Djibouti" >Djibouti</option>
<option value="Dominica" >Dominica</option>
<option value="Dominican Republic" >Dominican Republic</option>
<option value="DR Congo" >DR Congo</option>
<option value="Ecuador" >Ecuador</option>
<option value="Egypt" >Egypt</option>
<option value="El Salvador" >El Salvador</option>
<option value="Equatorial Guinea" >Equatorial Guinea</option>
<option value="Eritrea" >Eritrea</option>
<option value="Estonia" >Estonia</option>
<option value="Ethiopia" >Ethiopia</option>
<option value="Falkland Islands" >Falkland Islands</option>
<option value="Faroe Islands" >Faroe Islands</option>
<option value="Fiji" >Fiji</option>
<option value="Finland" >Finland</option>
<option value="France" >France</option>
<option value="French Guiana" >French Guiana</option>
<option value="French Polynesia" >French Polynesia</option>
<option value="French Southern and Antarctic Lands" >French Southern and Antarctic Lands</option>
<option value="Gabon" >Gabon</option>
<option value="Gambia" >Gambia</option>
<option value="Georgia" >Georgia</option>
<option value="Germany" >Germany</option>
<option value="Ghana" >Ghana</option>
<option value="Gibraltar" >Gibraltar</option>
<option value="Greece" >Greece</option>
<option value="Greenland" >Greenland</option>
<option value="Grenada" >Grenada</option>
<option value="Guadeloupe" >Guadeloupe</option>
<option value="Guam" >Guam</option>
<option value="Guatemala" >Guatemala</option>
<option value="Guernsey" >Guernsey</option>
<option value="Guinea" >Guinea</option>
<option value="Guinea-Bissau" >Guinea-Bissau</option>
<option value="Guyana" >Guyana</option>
<option value="Haiti" >Haiti</option>
<option value="Heard Island and McDonald Islands" >Heard Island and McDonald Islands</option>
<option value="Honduras" >Honduras</option>
<option value="Hong Kong" >Hong Kong</option>
<option value="Hungary" >Hungary</option>
<option value="Iceland" >Iceland</option>
<option value="India" >India</option>
<option value="Indonesia" >Indonesia</option>
<option value="Iran" >Iran</option>
<option value="Iraq" >Iraq</option>
<option value="Ireland" >Ireland</option>
<option value="Isle of Man" >Isle of Man</option>
<option value="Israel" >Israel</option>
<option value="Italy" >Italy</option>
<option value="Ivory Coast" >Ivory Coast</option>
<option value="Jamaica" >Jamaica</option>
<option value="Japan" >Japan</option>
<option value="Jersey" >Jersey</option>
<option value="Jordan" >Jordan</option>
<option value="Kazakhstan" >Kazakhstan</option>
<option value="Kenya" >Kenya</option>
<option value="Kiribati" >Kiribati</option>
<option value="Kosovo" >Kosovo</option>
<option value="Kuwait" >Kuwait</option>
<option value="Kyrgyzstan" >Kyrgyzstan</option>
<option value="Laos" >Laos</option>
<option value="Latvia" >Latvia</option>
<option value="Lebanon" >Lebanon</option>
<option value="Lesotho" >Lesotho</option>
<option value="Liberia" >Liberia</option>
<option value="Libya" >Libya</option>
<option value="Liechtenstein" >Liechtenstein</option>
<option value="Lithuania" >Lithuania</option>
<option value="Luxembourg" >Luxembourg</option>
<option value="Macau" >Macau</option>
<option value="Macedonia" >Macedonia</option>
<option value="Madagascar" >Madagascar</option>
<option value="Malawi" >Malawi</option>
<option value="Malaysia" >Malaysia</option>
<option value="Maldives" >Maldives</option>
<option value="Mali" >Mali</option>
<option value="Malta" >Malta</option>
<option value="Marshall Islands" >Marshall Islands</option>
<option value="Martinique" >Martinique</option>
<option value="Mauritania" >Mauritania</option>
<option value="Mauritius" >Mauritius</option>
<option value="Mayotte" >Mayotte</option>
<option value="Mexico" >Mexico</option>
<option value="Micronesia" >Micronesia</option>
<option value="Moldova" >Moldova</option>
<option value="Monaco" >Monaco</option>
<option value="Mongolia" >Mongolia</option>
<option value="Montenegro" >Montenegro</option>
<option value="Montserrat" >Montserrat</option>
<option value="Morocco" >Morocco</option>
<option value="Mozambique" >Mozambique</option>
<option value="Myanmar" >Myanmar</option>
<option value="Namibia" >Namibia</option>
<option value="Nauru" >Nauru</option>
<option value="Nepal" >Nepal</option>
<option value="Netherlands" >Netherlands</option>
<option value="New Caledonia" >New Caledonia</option>
<option value="New Zealand" >New Zealand</option>
<option value="Nicaragua" >Nicaragua</option>
<option value="Niger" >Niger</option>
<option value="Nigeria" >Nigeria</option>
<option value="Niue" >Niue</option>
<option value="Norfolk Island" >Norfolk Island</option>
<option value="North Korea" >North Korea</option>
<option value="Northern Mariana Islands" >Northern Mariana Islands</option>
<option value="Norway" >Norway</option>
<option value="Oman" >Oman</option>
<option value="Pakistan" >Pakistan</option>
<option value="Palau" >Palau</option>
<option value="Palestine" >Palestine</option>
<option value="Panama" >Panama</option>
<option value="Papua New Guinea" >Papua New Guinea</option>
<option value="Paraguay" >Paraguay</option>
<option value="Peru" >Peru</option>
<option value="Philippines" >Philippines</option>
<option value="Pitcairn Islands" >Pitcairn Islands</option>
<option value="Poland" >Poland</option>
<option value="Portugal" >Portugal</option>
<option value="Puerto Rico" >Puerto Rico</option>
<option value="Qatar" >Qatar</option>
<option value="Republic of the Congo" >Republic of the Congo</option>
<option value="Romania" >Romania</option>
<option value="Russia" >Russia</option>
<option value="Rwanda" >Rwanda</option>
<option value="Réunion" >Réunion</option>
<option value="Saint Barthélemy" >Saint Barthélemy</option>
<option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option>
<option value="Saint Lucia" >Saint Lucia</option>
<option value="Saint Martin" >Saint Martin</option>
<option value="Saint Pierre and Miquelon" >Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option>
<option value="Samoa" >Samoa</option>
<option value="San Marino" >San Marino</option>
<option value="Saudi Arabia" >Saudi Arabia</option>
<option value="Senegal" >Senegal</option>
<option value="Serbia" >Serbia</option>
<option value="Seychelles" >Seychelles</option>
<option value="Sierra Leone" >Sierra Leone</option>
<option value="Singapore" >Singapore</option>
<option value="Sint Maarten" >Sint Maarten</option>
<option value="Slovakia" >Slovakia</option>
<option value="Slovenia" >Slovenia</option>
<option value="Solomon Islands" >Solomon Islands</option>
<option value="Somalia" >Somalia</option>
<option value="South Africa" >South Africa</option>
<option value="South Georgia" >South Georgia</option>
<option value="South Korea" >South Korea</option>
<option value="South Sudan" >South Sudan</option>
<option value="Spain" >Spain</option>
<option value="Sri Lanka" >Sri Lanka</option>
<option value="Sudan" >Sudan</option>
<option value="Suriname" >Suriname</option>
<option value="Svalbard and Jan Mayen" >Svalbard and Jan Mayen</option>
<option value="Swaziland" >Swaziland</option>
<option value="Sweden" >Sweden</option>
<option value="Switzerland" >Switzerland</option>
<option value="Syria" >Syria</option>
<option value="São Tomé and Príncipe" >São Tomé and Príncipe</option>
<option value="Taiwan" >Taiwan</option>
<option value="Tajikistan" >Tajikistan</option>
<option value="Tanzania" >Tanzania</option>
<option value="Thailand" >Thailand</option>
<option value="Timor-Leste" >Timor-Leste</option>
<option value="Togo" >Togo</option>
<option value="Tokelau" >Tokelau</option>
<option value="Tonga" >Tonga</option>
<option value="Trinidad and Tobago" >Trinidad and Tobago</option>
<option value="Tunisia" >Tunisia</option>
<option value="Turkey" >Turkey</option>
<option value="Turkmenistan" >Turkmenistan</option>
<option value="Turks and Caicos Islands" >Turks and Caicos Islands</option>
<option value="Tuvalu" >Tuvalu</option>
<option value="Uganda" >Uganda</option>
<option value="Ukraine" >Ukraine</option>
<option value="United Arab Emirates" >United Arab Emirates</option>
<option value="United Kingdom" >United Kingdom</option>
<option value="United States" >United States</option>
<option value="United States Minor Outlying Islands" >United States Minor Outlying Islands</option>
<option value="United States Virgin Islands" >United States Virgin Islands</option>
<option value="Uruguay" >Uruguay</option>
<option value="Uzbekistan" >Uzbekistan</option>
<option value="Vanuatu" >Vanuatu</option>
<option value="Vatican City" >Vatican City</option>
<option value="Venezuela" >Venezuela</option>
<option value="Vietnam" >Vietnam</option>
<option value="Wallis and Futuna" >Wallis and Futuna</option>
<option value="Western Sahara" >Western Sahara</option>
<option value="Yemen" >Yemen</option>
<option value="Zambia" >Zambia</option>
<option value="Zimbabwe" >Zimbabwe</option>
</select>
</div>
</label>
{{#if label}}
<label>
<span>
{{{label}}}
{{#if helptext}}<span class="help-text"> {{{helptext}}}</span>{{/if}}
</span>
{{/if}}
<div class="Form-select">
<select
id="{{id}}"
name="{{name}}"
class="{{modifier}}"
style="{{style}}"
{{#if required}} required{{/if}}
>
{{#if options}}
{{#each (createoptions options)}}
<option value="{{value}}" {{#if attribute}}{{attribute}}{{/if}}>{{label}}</option>
{{/each}}
{{/if}}
</select>
</div>
{{#if label}}
</label>
{{/if}}
{
"label": "Country",
"id": "country",
"name": "Country",
"helptext": null,
"required": true,
"options": "Select One|nosubmit|disabled selected\nUnited States|United States\nUnited Kingdom|United Kingdom\nCanada|Canada\nAustralia|Australia\nMexico|Mexico\nSouth Africa|South Africa\n |nosubmit|disabled\nAfghanistan|Afghanistan\nÅland Islands|Åland Islands\nAlbania|Albania\nAlgeria|Algeria\nAmerican Samoa|American Samoa\nAndorra|Andorra\nAngola|Angola\nAnguilla|Anguilla\nAntarctica|Antarctica\nAntigua and Barbuda|Antigua and Barbuda\nArgentina|Argentina\nArmenia|Armenia\nAruba|Aruba\nAustralia|Australia\nAustria|Austria\nAzerbaijan|Azerbaijan\nBahamas|Bahamas\nBahrain|Bahrain\nBangladesh|Bangladesh\nBarbados|Barbados\nBelarus|Belarus\nBelgium|Belgium\nBelize|Belize\nBenin|Benin\nBermuda|Bermuda\nBhutan|Bhutan\nBolivia|Bolivia\nBosnia and Herzegovina|Bosnia and Herzegovina\nBotswana|Botswana\nBouvet Island|Bouvet Island\nBrazil|Brazil\nBritish Indian Ocean Territory|British Indian Ocean Territory\nBritish Virgin Islands|British Virgin Islands\nBrunei|Brunei\nBulgaria|Bulgaria\nBurkina Faso|Burkina Faso\nBurundi|Burundi\nCambodia|Cambodia\nCameroon|Cameroon\nCanada|Canada\nCape Verde|Cape Verde\nCayman Islands|Cayman Islands\nCentral African Republic|Central African Republic\nChad|Chad\nChile|Chile\nChina|China\nChristmas Island|Christmas Island\nCocos (Keeling) Islands|Cocos (Keeling) Islands\nColombia|Colombia\nComoros|Comoros\nCook Islands|Cook Islands\nCosta Rica|Costa Rica\nCroatia|Croatia\nCuba|Cuba\nCuraçao|Curaçao\nCyprus|Cyprus\nCzechia|Czechia\nDenmark|Denmark\nDjibouti|Djibouti\nDominica|Dominica\nDominican Republic|Dominican Republic\nDR Congo|DR Congo\nEcuador|Ecuador\nEgypt|Egypt\nEl Salvador|El Salvador\nEquatorial Guinea|Equatorial Guinea\nEritrea|Eritrea\nEstonia|Estonia\nEthiopia|Ethiopia\nFalkland Islands|Falkland Islands\nFaroe Islands|Faroe Islands\nFiji|Fiji\nFinland|Finland\nFrance|France\nFrench Guiana|French Guiana\nFrench Polynesia|French Polynesia\nFrench Southern and Antarctic Lands|French Southern and Antarctic Lands\nGabon|Gabon\nGambia|Gambia\nGeorgia|Georgia\nGermany|Germany\nGhana|Ghana\nGibraltar|Gibraltar\nGreece|Greece\nGreenland|Greenland\nGrenada|Grenada\nGuadeloupe|Guadeloupe\nGuam|Guam\nGuatemala|Guatemala\nGuernsey|Guernsey\nGuinea|Guinea\nGuinea-Bissau|Guinea-Bissau\nGuyana|Guyana\nHaiti|Haiti\nHeard Island and McDonald Islands|Heard Island and McDonald Islands\nHonduras|Honduras\nHong Kong|Hong Kong\nHungary|Hungary\nIceland|Iceland\nIndia|India\nIndonesia|Indonesia\nIran|Iran\nIraq|Iraq\nIreland|Ireland\nIsle of Man|Isle of Man\nIsrael|Israel\nItaly|Italy\nIvory Coast|Ivory Coast\nJamaica|Jamaica\nJapan|Japan\nJersey|Jersey\nJordan|Jordan\nKazakhstan|Kazakhstan\nKenya|Kenya\nKiribati|Kiribati\nKosovo|Kosovo\nKuwait|Kuwait\nKyrgyzstan|Kyrgyzstan\nLaos|Laos\nLatvia|Latvia\nLebanon|Lebanon\nLesotho|Lesotho\nLiberia|Liberia\nLibya|Libya\nLiechtenstein|Liechtenstein\nLithuania|Lithuania\nLuxembourg|Luxembourg\nMacau|Macau\nMacedonia|Macedonia\nMadagascar|Madagascar\nMalawi|Malawi\nMalaysia|Malaysia\nMaldives|Maldives\nMali|Mali\nMalta|Malta\nMarshall Islands|Marshall Islands\nMartinique|Martinique\nMauritania|Mauritania\nMauritius|Mauritius\nMayotte|Mayotte\nMexico|Mexico\nMicronesia|Micronesia\nMoldova|Moldova\nMonaco|Monaco\nMongolia|Mongolia\nMontenegro|Montenegro\nMontserrat|Montserrat\nMorocco|Morocco\nMozambique|Mozambique\nMyanmar|Myanmar\nNamibia|Namibia\nNauru|Nauru\nNepal|Nepal\nNetherlands|Netherlands\nNew Caledonia|New Caledonia\nNew Zealand|New Zealand\nNicaragua|Nicaragua\nNiger|Niger\nNigeria|Nigeria\nNiue|Niue\nNorfolk Island|Norfolk Island\nNorth Korea|North Korea\nNorthern Mariana Islands|Northern Mariana Islands\nNorway|Norway\nOman|Oman\nPakistan|Pakistan\nPalau|Palau\nPalestine|Palestine\nPanama|Panama\nPapua New Guinea|Papua New Guinea\nParaguay|Paraguay\nPeru|Peru\nPhilippines|Philippines\nPitcairn Islands|Pitcairn Islands\nPoland|Poland\nPortugal|Portugal\nPuerto Rico|Puerto Rico\nQatar|Qatar\nRepublic of the Congo|Republic of the Congo\nRomania|Romania\nRussia|Russia\nRwanda|Rwanda\nRéunion|Réunion\nSaint Barthélemy|Saint Barthélemy\nSaint Kitts and Nevis|Saint Kitts and Nevis\nSaint Lucia|Saint Lucia\nSaint Martin|Saint Martin\nSaint Pierre and Miquelon|Saint Pierre and Miquelon\nSaint Vincent and the Grenadines|Saint Vincent and the Grenadines\nSamoa|Samoa\nSan Marino|San Marino\nSaudi Arabia|Saudi Arabia\nSenegal|Senegal\nSerbia|Serbia\nSeychelles|Seychelles\nSierra Leone|Sierra Leone\nSingapore|Singapore\nSint Maarten|Sint Maarten\nSlovakia|Slovakia\nSlovenia|Slovenia\nSolomon Islands|Solomon Islands\nSomalia|Somalia\nSouth Africa|South Africa\nSouth Georgia|South Georgia\nSouth Korea|South Korea\nSouth Sudan|South Sudan\nSpain|Spain\nSri Lanka|Sri Lanka\nSudan|Sudan\nSuriname|Suriname\nSvalbard and Jan Mayen|Svalbard and Jan Mayen\nSwaziland|Swaziland\nSweden|Sweden\nSwitzerland|Switzerland\nSyria|Syria\nSão Tomé and Príncipe|São Tomé and Príncipe\nTaiwan|Taiwan\nTajikistan|Tajikistan\nTanzania|Tanzania\nThailand|Thailand\nTimor-Leste|Timor-Leste\nTogo|Togo\nTokelau|Tokelau\nTonga|Tonga\nTrinidad and Tobago|Trinidad and Tobago\nTunisia|Tunisia\nTurkey|Turkey\nTurkmenistan|Turkmenistan\nTurks and Caicos Islands|Turks and Caicos Islands\nTuvalu|Tuvalu\nUganda|Uganda\nUkraine|Ukraine\nUnited Arab Emirates|United Arab Emirates\nUnited Kingdom|United Kingdom\nUnited States|United States\nUnited States Minor Outlying Islands|United States Minor Outlying Islands\nUnited States Virgin Islands|United States Virgin Islands\nUruguay|Uruguay\nUzbekistan|Uzbekistan\nVanuatu|Vanuatu\nVatican City|Vatican City\nVenezuela|Venezuela\nVietnam|Vietnam\nWallis and Futuna|Wallis and Futuna\nWestern Sahara|Western Sahara\nYemen|Yemen\nZambia|Zambia\nZimbabwe|Zimbabwe"
}
A basic select/option component for use on forms.
The options property takes a pipe and line-delimited string that is parsed into the various options. Each line is an option and each option takes the following properties as pipe-delimited strings:
label (required) - The user-facing text to show in the option.value (optional) - The value sent via the form.label value will be usednosubmit the value will be empty (helpful if you need to prevent
submission of a field that is disabled and selected)attributes (optional) - A string of space-separated attributes to append to
the option. Example: disabled selected.Examples:
<label>|<value>|<attributes> //==> all properties explicitly set
<label>||<attributes> //==> label is used for label and value
<label>|nosubmit|<attributes> //==> option fails validation if field is required