Form

Select input

Published on

Example anchor

Open in new tab
View HTML markup
  
<!--[-->
<!--[-->
<!---->
<form method="POST" novalidate action="?/">
  <div>
<!--[--><label for="select" id="select">Select - AVOID
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[--><span id="select-hint">
<!---->Radios would be a better UX
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
    <div><select id="select">
        <option label="Afghanistan" value="AF">
<!---->
<!----></option>
<!---->
        <option label="Åland Islands" value="AX">
<!---->
<!----></option>
<!---->
        <option label="Albania" value="AL">
<!---->
<!----></option>
<!---->
        <option label="Algeria" value="DZ">
<!---->
<!----></option>
<!---->
        <option label="American Samoa" value="AS">
<!---->
<!----></option>
<!---->
        <option label="Andorra" value="AD">
<!---->
<!----></option>
<!---->
        <option label="Angola" value="AO">
<!---->
<!----></option>
<!---->
        <option label="Anguilla" value="AI">
<!---->
<!----></option>
<!---->
        <option label="Antarctica" value="AQ">
<!---->
<!----></option>
<!---->
        <option label="Antigua and Barbuda" value="AG">
<!---->
<!----></option>
<!---->
        <option label="Argentina" value="AR">
<!---->
<!----></option>
<!---->
        <option label="Armenia" value="AM">
<!---->
<!----></option>
<!---->
        <option label="Aruba" value="AW">
<!---->
<!----></option>
<!---->
        <option label="Australia" value="AU">
<!---->
<!----></option>
<!---->
        <option label="Austria" value="AT">
<!---->
<!----></option>
<!---->
        <option label="Azerbaijan" value="AZ">
<!---->
<!----></option>
<!---->
        <option label="Bahamas" value="BS">
<!---->
<!----></option>
<!---->
        <option label="Bahrain" value="BH">
<!---->
<!----></option>
<!---->
        <option label="Bangladesh" value="BD">
<!---->
<!----></option>
<!---->
        <option label="Barbados" value="BB">
<!---->
<!----></option>
<!---->
        <option label="Belarus" value="BY">
<!---->
<!----></option>
<!---->
        <option label="Belgium" value="BE">
<!---->
<!----></option>
<!---->
        <option label="Belize" value="BZ">
<!---->
<!----></option>
<!---->
        <option label="Benin" value="BJ">
<!---->
<!----></option>
<!---->
        <option label="Bermuda" value="BM">
<!---->
<!----></option>
<!---->
        <option label="Bhutan" value="BT">
<!---->
<!----></option>
<!---->
        <option label="Bolivia, Plurinational State of" value="BO">
<!---->
<!----></option>
<!---->
        <option label="Bonaire, Sint Eustatius and Saba" value="BQ">
<!---->
<!----></option>
<!---->
        <option label="Bosnia and Herzegovina" value="BA">
<!---->
<!----></option>
<!---->
        <option label="Botswana" value="BW">
<!---->
<!----></option>
<!---->
        <option label="Bouvet Island" value="BV">
<!---->
<!----></option>
<!---->
        <option label="Brazil" value="BR">
<!---->
<!----></option>
<!---->
        <option label="British Indian Ocean Territory" value="IO">
<!---->
<!----></option>
<!---->
        <option label="Brunei Darussalam" value="BN">
<!---->
<!----></option>
<!---->
        <option label="Bulgaria" value="BG">
<!---->
<!----></option>
<!---->
        <option label="Burkina Faso" value="BF">
<!---->
<!----></option>
<!---->
        <option label="Burundi" value="BI">
<!---->
<!----></option>
<!---->
        <option label="Cambodia" value="KH">
<!---->
<!----></option>
<!---->
        <option label="Cameroon" value="CM">
<!---->
<!----></option>
<!---->
        <option label="Canada" value="CA">
<!---->
<!----></option>
<!---->
        <option label="Cape Verde" value="CV">
<!---->
<!----></option>
<!---->
        <option label="Cayman Islands" value="KY">
<!---->
<!----></option>
<!---->
        <option label="Central African Republic" value="CF">
<!---->
<!----></option>
<!---->
        <option label="Chad" value="TD">
<!---->
<!----></option>
<!---->
        <option label="Chile" value="CL">
<!---->
<!----></option>
<!---->
        <option label="China" value="CN">
<!---->
<!----></option>
<!---->
        <option label="Christmas Island" value="CX">
<!---->
<!----></option>
<!---->
        <option label="Cocos (Keeling) Islands" value="CC">
<!---->
<!----></option>
<!---->
        <option label="Colombia" value="CO">
<!---->
<!----></option>
<!---->
        <option label="Comoros" value="KM">
<!---->
<!----></option>
<!---->
        <option label="Congo" value="CG">
<!---->
<!----></option>
<!---->
        <option label="Congo, the Democratic Republic of the" value="CD">
<!---->
<!----></option>
<!---->
        <option label="Cook Islands" value="CK">
<!---->
<!----></option>
<!---->
        <option label="Costa Rica" value="CR">
<!---->
<!----></option>
<!---->
        <option label="Côte d'Ivoire" value="CI">
<!---->
<!----></option>
<!---->
        <option label="Croatia" value="HR">
<!---->
<!----></option>
<!---->
        <option label="Cuba" value="CU">
<!---->
<!----></option>
<!---->
        <option label="Curaçao" value="CW">
<!---->
<!----></option>
<!---->
        <option label="Cyprus" value="CY">
<!---->
<!----></option>
<!---->
        <option label="Czech Republic" value="CZ">
<!---->
<!----></option>
<!---->
        <option label="Denmark" value="DK">
<!---->
<!----></option>
<!---->
        <option label="Djibouti" value="DJ">
<!---->
<!----></option>
<!---->
        <option label="Dominica" value="DM">
<!---->
<!----></option>
<!---->
        <option label="Dominican Republic" value="DO">
<!---->
<!----></option>
<!---->
        <option label="Ecuador" value="EC">
<!---->
<!----></option>
<!---->
        <option label="Egypt" value="EG">
<!---->
<!----></option>
<!---->
        <option label="El Salvador" value="SV">
<!---->
<!----></option>
<!---->
        <option label="Equatorial Guinea" value="GQ">
<!---->
<!----></option>
<!---->
        <option label="Eritrea" value="ER">
<!---->
<!----></option>
<!---->
        <option label="Estonia" value="EE">
<!---->
<!----></option>
<!---->
        <option label="Ethiopia" value="ET">
<!---->
<!----></option>
<!---->
        <option label="Falkland Islands (Malvinas)" value="FK">
<!---->
<!----></option>
<!---->
        <option label="Faroe Islands" value="FO">
<!---->
<!----></option>
<!---->
        <option label="Fiji" value="FJ">
<!---->
<!----></option>
<!---->
        <option label="Finland" value="FI">
<!---->
<!----></option>
<!---->
        <option label="France" value="FR">
<!---->
<!----></option>
<!---->
        <option label="French Guiana" value="GF">
<!---->
<!----></option>
<!---->
        <option label="French Polynesia" value="PF">
<!---->
<!----></option>
<!---->
        <option label="French Southern Territories" value="TF">
<!---->
<!----></option>
<!---->
        <option label="Gabon" value="GA">
<!---->
<!----></option>
<!---->
        <option label="Gambia" value="GM">
<!---->
<!----></option>
<!---->
        <option label="Georgia" value="GE">
<!---->
<!----></option>
<!---->
        <option label="Germany" value="DE">
<!---->
<!----></option>
<!---->
        <option label="Ghana" value="GH">
<!---->
<!----></option>
<!---->
        <option label="Gibraltar" value="GI">
<!---->
<!----></option>
<!---->
        <option label="Greece" value="GR">
<!---->
<!----></option>
<!---->
        <option label="Greenland" value="GL">
<!---->
<!----></option>
<!---->
        <option label="Grenada" value="GD">
<!---->
<!----></option>
<!---->
        <option label="Guadeloupe" value="GP">
<!---->
<!----></option>
<!---->
        <option label="Guam" value="GU">
<!---->
<!----></option>
<!---->
        <option label="Guatemala" value="GT">
<!---->
<!----></option>
<!---->
        <option label="Guernsey" value="GG">
<!---->
<!----></option>
<!---->
        <option label="Guinea" value="GN">
<!---->
<!----></option>
<!---->
        <option label="Guinea-Bissau" value="GW">
<!---->
<!----></option>
<!---->
        <option label="Guyana" value="GY">
<!---->
<!----></option>
<!---->
        <option label="Haiti" value="HT">
<!---->
<!----></option>
<!---->
        <option label="Heard Island and McDonald Islands" value="HM">
<!---->
<!----></option>
<!---->
        <option label="Holy See (Vatican City State)" value="VA">
<!---->
<!----></option>
<!---->
        <option label="Honduras" value="HN">
<!---->
<!----></option>
<!---->
        <option label="Hong Kong" value="HK">
<!---->
<!----></option>
<!---->
        <option label="Hungary" value="HU">
<!---->
<!----></option>
<!---->
        <option label="Iceland" value="IS">
<!---->
<!----></option>
<!---->
        <option label="India" value="IN">
<!---->
<!----></option>
<!---->
        <option label="Indonesia" value="ID">
<!---->
<!----></option>
<!---->
        <option label="Iran, Islamic Republic of" value="IR">
<!---->
<!----></option>
<!---->
        <option label="Iraq" value="IQ">
<!---->
<!----></option>
<!---->
        <option label="Ireland" value="IE">
<!---->
<!----></option>
<!---->
        <option label="Isle of Man" value="IM">
<!---->
<!----></option>
<!---->
        <option label="Israel" value="IL">
<!---->
<!----></option>
<!---->
        <option label="Italy" value="IT">
<!---->
<!----></option>
<!---->
        <option label="Jamaica" value="JM">
<!---->
<!----></option>
<!---->
        <option label="Japan" value="JP">
<!---->
<!----></option>
<!---->
        <option label="Jersey" value="JE">
<!---->
<!----></option>
<!---->
        <option label="Jordan" value="JO">
<!---->
<!----></option>
<!---->
        <option label="Kazakhstan" value="KZ">
<!---->
<!----></option>
<!---->
        <option label="Kenya" value="KE">
<!---->
<!----></option>
<!---->
        <option label="Kiribati" value="KI">
<!---->
<!----></option>
<!---->
        <option label="Korea, Democratic People's Republic of" value="KP">
<!---->
<!----></option>
<!---->
        <option label="Korea, Republic of" value="KR">
<!---->
<!----></option>
<!---->
        <option label="Kuwait" value="KW">
<!---->
<!----></option>
<!---->
        <option label="Kyrgyzstan" value="KG">
<!---->
<!----></option>
<!---->
        <option label="Lao People's Democratic Republic" value="LA">
<!---->
<!----></option>
<!---->
        <option label="Latvia" value="LV">
<!---->
<!----></option>
<!---->
        <option label="Lebanon" value="LB">
<!---->
<!----></option>
<!---->
        <option label="Lesotho" value="LS">
<!---->
<!----></option>
<!---->
        <option label="Liberia" value="LR">
<!---->
<!----></option>
<!---->
        <option label="Libya" value="LY">
<!---->
<!----></option>
<!---->
        <option label="Liechtenstein" value="LI">
<!---->
<!----></option>
<!---->
        <option label="Lithuania" value="LT">
<!---->
<!----></option>
<!---->
        <option label="Luxembourg" value="LU">
<!---->
<!----></option>
<!---->
        <option label="Macao" value="MO">
<!---->
<!----></option>
<!---->
        <option label="Macedonia, the former Yugoslav Republic of" value="MK">
<!---->
<!----></option>
<!---->
        <option label="Madagascar" value="MG">
<!---->
<!----></option>
<!---->
        <option label="Malawi" value="MW">
<!---->
<!----></option>
<!---->
        <option label="Malaysia" value="MY">
<!---->
<!----></option>
<!---->
        <option label="Maldives" value="MV">
<!---->
<!----></option>
<!---->
        <option label="Mali" value="ML">
<!---->
<!----></option>
<!---->
        <option label="Malta" value="MT">
<!---->
<!----></option>
<!---->
        <option label="Marshall Islands" value="MH">
<!---->
<!----></option>
<!---->
        <option label="Martinique" value="MQ">
<!---->
<!----></option>
<!---->
        <option label="Mauritania" value="MR">
<!---->
<!----></option>
<!---->
        <option label="Mauritius" value="MU">
<!---->
<!----></option>
<!---->
        <option label="Mayotte" value="YT">
<!---->
<!----></option>
<!---->
        <option label="Mexico" value="MX">
<!---->
<!----></option>
<!---->
        <option label="Micronesia, Federated States of" value="FM">
<!---->
<!----></option>
<!---->
        <option label="Moldova, Republic of" value="MD">
<!---->
<!----></option>
<!---->
        <option label="Monaco" value="MC">
<!---->
<!----></option>
<!---->
        <option label="Mongolia" value="MN">
<!---->
<!----></option>
<!---->
        <option label="Montenegro" value="ME">
<!---->
<!----></option>
<!---->
        <option label="Montserrat" value="MS">
<!---->
<!----></option>
<!---->
        <option label="Morocco" value="MA">
<!---->
<!----></option>
<!---->
        <option label="Mozambique" value="MZ">
<!---->
<!----></option>
<!---->
        <option label="Myanmar" value="MM">
<!---->
<!----></option>
<!---->
        <option label="Namibia" value="NA">
<!---->
<!----></option>
<!---->
        <option label="Nauru" value="NR">
<!---->
<!----></option>
<!---->
        <option label="Nepal" value="NP">
<!---->
<!----></option>
<!---->
        <option label="Netherlands" value="NL">
<!---->
<!----></option>
<!---->
        <option label="New Caledonia" value="NC">
<!---->
<!----></option>
<!---->
        <option label="New Zealand" value="NZ">
<!---->
<!----></option>
<!---->
        <option label="Nicaragua" value="NI">
<!---->
<!----></option>
<!---->
        <option label="Niger" value="NE">
<!---->
<!----></option>
<!---->
        <option label="Nigeria" value="NG">
<!---->
<!----></option>
<!---->
        <option label="Niue" value="NU">
<!---->
<!----></option>
<!---->
        <option label="Norfolk Island" value="NF">
<!---->
<!----></option>
<!---->
        <option label="Northern Mariana Islands" value="MP">
<!---->
<!----></option>
<!---->
        <option label="Norway" value="NO">
<!---->
<!----></option>
<!---->
        <option label="Oman" value="OM">
<!---->
<!----></option>
<!---->
        <option label="Pakistan" value="PK">
<!---->
<!----></option>
<!---->
        <option label="Palau" value="PW">
<!---->
<!----></option>
<!---->
        <option label="Palestinian Territory, Occupied" value="PS">
<!---->
<!----></option>
<!---->
        <option label="Panama" value="PA">
<!---->
<!----></option>
<!---->
        <option label="Papua New Guinea" value="PG">
<!---->
<!----></option>
<!---->
        <option label="Paraguay" value="PY">
<!---->
<!----></option>
<!---->
        <option label="Peru" value="PE">
<!---->
<!----></option>
<!---->
        <option label="Philippines" value="PH">
<!---->
<!----></option>
<!---->
        <option label="Pitcairn" value="PN">
<!---->
<!----></option>
<!---->
        <option label="Poland" value="PL">
<!---->
<!----></option>
<!---->
        <option label="Portugal" value="PT">
<!---->
<!----></option>
<!---->
        <option label="Puerto Rico" value="PR">
<!---->
<!----></option>
<!---->
        <option label="Qatar" value="QA">
<!---->
<!----></option>
<!---->
        <option label="Réunion" value="RE">
<!---->
<!----></option>
<!---->
        <option label="Romania" value="RO">
<!---->
<!----></option>
<!---->
        <option label="Russian Federation" value="RU">
<!---->
<!----></option>
<!---->
        <option label="Rwanda" value="RW">
<!---->
<!----></option>
<!---->
        <option label="Saint Barthélemy" value="BL">
<!---->
<!----></option>
<!---->
        <option label="Saint Helena, Ascension and Tristan da Cunha" value="SH">
<!---->
<!----></option>
<!---->
        <option label="Saint Kitts and Nevis" value="KN">
<!---->
<!----></option>
<!---->
        <option label="Saint Lucia" value="LC">
<!---->
<!----></option>
<!---->
        <option label="Saint Martin (French part)" value="MF">
<!---->
<!----></option>
<!---->
        <option label="Saint Pierre and Miquelon" value="PM">
<!---->
<!----></option>
<!---->
        <option label="Saint Vincent and the Grenadines" value="VC">
<!---->
<!----></option>
<!---->
        <option label="Samoa" value="WS">
<!---->
<!----></option>
<!---->
        <option label="San Marino" value="SM">
<!---->
<!----></option>
<!---->
        <option label="Sao Tome and Principe" value="ST">
<!---->
<!----></option>
<!---->
        <option label="Saudi Arabia" value="SA">
<!---->
<!----></option>
<!---->
        <option label="Senegal" value="SN">
<!---->
<!----></option>
<!---->
        <option label="Serbia" value="RS">
<!---->
<!----></option>
<!---->
        <option label="Seychelles" value="SC">
<!---->
<!----></option>
<!---->
        <option label="Sierra Leone" value="SL">
<!---->
<!----></option>
<!---->
        <option label="Singapore" value="SG">
<!---->
<!----></option>
<!---->
        <option label="Sint Maarten (Dutch part)" value="SX">
<!---->
<!----></option>
<!---->
        <option label="Slovakia" value="SK">
<!---->
<!----></option>
<!---->
        <option label="Slovenia" value="SI">
<!---->
<!----></option>
<!---->
        <option label="Solomon Islands" value="SB">
<!---->
<!----></option>
<!---->
        <option label="Somalia" value="SO">
<!---->
<!----></option>
<!---->
        <option label="South Africa" value="ZA">
<!---->
<!----></option>
<!---->
        <option label="South Georgia and the South Sandwich Islands" value="GS">
<!---->
<!----></option>
<!---->
        <option label="South Sudan" value="SS">
<!---->
<!----></option>
<!---->
        <option label="Spain" value="ES">
<!---->
<!----></option>
<!---->
        <option label="Sri Lanka" value="LK">
<!---->
<!----></option>
<!---->
        <option label="Sudan" value="SD">
<!---->
<!----></option>
<!---->
        <option label="Suriname" value="SR">
<!---->
<!----></option>
<!---->
        <option label="Svalbard and Jan Mayen" value="SJ">
<!---->
<!----></option>
<!---->
        <option label="Swaziland" value="SZ">
<!---->
<!----></option>
<!---->
        <option label="Sweden" value="SE">
<!---->
<!----></option>
<!---->
        <option label="Switzerland" value="CH">
<!---->
<!----></option>
<!---->
        <option label="Syrian Arab Republic" value="SY">
<!---->
<!----></option>
<!---->
        <option label="Taiwan, Province of China" value="TW">
<!---->
<!----></option>
<!---->
        <option label="Tajikistan" value="TJ">
<!---->
<!----></option>
<!---->
        <option label="Tanzania, United Republic of" value="TZ">
<!---->
<!----></option>
<!---->
        <option label="Thailand" value="TH">
<!---->
<!----></option>
<!---->
        <option label="Timor-Leste" value="TL">
<!---->
<!----></option>
<!---->
        <option label="Togo" value="TG">
<!---->
<!----></option>
<!---->
        <option label="Tokelau" value="TK">
<!---->
<!----></option>
<!---->
        <option label="Tonga" value="TO">
<!---->
<!----></option>
<!---->
        <option label="Trinidad and Tobago" value="TT">
<!---->
<!----></option>
<!---->
        <option label="Tunisia" value="TN">
<!---->
<!----></option>
<!---->
        <option label="Turkey" value="TR">
<!---->
<!----></option>
<!---->
        <option label="Turkmenistan" value="TM">
<!---->
<!----></option>
<!---->
        <option label="Turks and Caicos Islands" value="TC">
<!---->
<!----></option>
<!---->
        <option label="Tuvalu" value="TV">
<!---->
<!----></option>
<!---->
        <option label="Uganda" value="UG">
<!---->
<!----></option>
<!---->
        <option label="Ukraine" value="UA">
<!---->
<!----></option>
<!---->
        <option label="United Arab Emirates" value="AE">
<!---->
<!----></option>
<!---->
        <option label="United Kingdom" value="GB">
<!---->
<!----></option>
<!---->
        <option label="United States" value="US">
<!---->
<!----></option>
<!---->
        <option label="United States Minor Outlying Islands" value="UM">
<!---->
<!----></option>
<!---->
        <option label="Uruguay" value="UY">
<!---->
<!----></option>
<!---->
        <option label="Uzbekistan" value="UZ">
<!---->
<!----></option>
<!---->
        <option label="Vanuatu" value="VU">
<!---->
<!----></option>
<!---->
        <option label="Venezuela, Bolivarian Republic of" value="VE">
<!---->
<!----></option>
<!---->
        <option label="Viet Nam" value="VN">
<!---->
<!----></option>
<!---->
        <option label="Virgin Islands, British" value="VG">
<!---->
<!----></option>
<!---->
        <option label="Virgin Islands, U.S." value="VI">
<!---->
<!----></option>
<!---->
        <option label="Wallis and Futuna" value="WF">
<!---->
<!----></option>
<!---->
        <option label="Western Sahara" value="EH">
<!---->
<!----></option>
<!---->
        <option label="Yemen" value="YE">
<!---->
<!----></option>
<!---->
        <option label="Zambia" value="ZM">
<!---->
<!----></option>
<!---->
        <option label="Zimbabwe" value="ZW">
<!---->
<!----></option>
<!---->
<!---->
<!---->
      </select>
<!----></div>
<!---->
<!---->
  </div>
<!----> <button type="button">
<!---->Submit
<!----></button>
<!---->
<!---->
</form>
<!---->
<!--]-->
<!--]-->

Variables anchor

None for input