首页>>表单>>美化input radio select等输入框，select选项带图片(2014-01-06)

美化input radio select等输入框，select选项带图片

本站已经发布了几个select支持图片图标的插件《jquery select 加入图片，和显示多个项目供选择》

不过本例的基本上适用于常见的输入框选择框的美化，也支持换肤

肤色的zip文件Themes.zip

美化input radio select等输入框，select选项带图片
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="demoWrapper">  
  2.           
  3.                 <div class="demo">  
  4.                 <h4>Checkbox:</h4>  
  5.                 <input type="checkbox" tabindex="5" id="cb1" /><label>checkbox 1</label><br/>  
  6.                 <input type="checkbox" tabindex="4" id="cb2" checked="checked" /><label>checkbox 2</label><br/>  
  7.                 <input type="checkbox" tabindex="3" id="cb3" disabled="disabled" /><label>checkbox 3</label><br />  
  8.                 <h4>Radio:</h4>  
  9.                 <input type="radio" value="aaa" name="group1" id="rad1" /><label>radio 1</label>  
  10.                 <input type="radio" value="bbb" name="group1" id="rad2" checked="checked"  /><label>radio 2</label>  
  11.                 <input type="radio" value="ccc" name="group1" id="rad3" /><label>radio 3</label><br />  
  12.                 <h4>Select:</h4>  
  13.                       
  14.                     <select id="sl1" tabindex="1">  
  15.                     <option value="">Select Country</option>   
  16.                     <option value="United States">United States</option>   
  17.                     <option value="United Kingdom">United Kingdom</option>   
  18.                     <option value="Afghanistan">Afghanistan</option>   
  19.                     <option value="Albania">Albania</option>   
  20.                     <option value="Algeria">Algeria</option>   
  21.                     <option value="American Samoa">American Samoa</option>   
  22.                     <option value="Andorra">Andorra</option>   
  23.                     <option value="Angola">Angola</option>   
  24.                     <option value="Anguilla">Anguilla</option>   
  25.                     <option value="Antarctica">Antarctica</option>   
  26.                     <option value="Antigua and Barbuda">Antigua and Barbuda</option>   
  27.                     <option value="Argentina">Argentina</option>   
  28.                     <option value="Armenia">Armenia</option>   
  29.                     <option value="Aruba">Aruba</option>   
  30.                     <option value="Australia">Australia</option>   
  31.                     <option value="Austria">Austria</option>   
  32.                     <option value="Azerbaijan">Azerbaijan</option>   
  33.                     <option value="Bahamas">Bahamas</option>   
  34.                     <option value="Bahrain">Bahrain</option>   
  35.                     <option value="Bangladesh">Bangladesh</option>   
  36.                     <option value="Barbados">Barbados</option>   
  37.                     <option value="Belarus">Belarus</option>   
  38.                     <option value="Belgium">Belgium</option>   
  39.                     <option value="Belize">Belize</option>   
  40.                     <option value="Benin">Benin</option>   
  41.                     <option value="Bermuda">Bermuda</option>   
  42.                     <option value="Bhutan">Bhutan</option>   
  43.                     <option value="Bolivia">Bolivia</option>   
  44.                     <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>   
  45.                     <option value="Botswana">Botswana</option>   
  46.                     <option value="Bouvet Island">Bouvet Island</option>   
  47.                     <option value="Brazil" selected="selected">Brazil</option>   
  48.                     <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>   
  49.                     <option value="Brunei Darussalam" >Brunei Darussalam</option>   
  50.                     <option value="Bulgaria" disabled="disabled">Bulgaria (disabled)</option>   
  51.                     <option value="Burkina Faso">Burkina Faso</option>   
  52.                     <option value="Burundi">Burundi</option>   
  53.                     <option value="Cambodia">Cambodia</option>   
  54.                     <option value="Cameroon">Cameroon</option>   
  55.                     <option value="Canada">Canada</option>   
  56.                     <option value="Cape Verde">Cape Verde</option>   
  57.                     <option value="Cayman Islands">Cayman Islands</option>   
  58.                     <option value="Central African Republic">Central African Republic</option>   
  59.                     <option value="Chad">Chad</option>   
  60.                     <option value="Chile">Chile</option>   
  61.                     <option value="China">China</option>   
  62.                     <option value="Christmas Island">Christmas Island</option>   
  63.                     <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>   
  64.                     <option value="Colombia">Colombia</option>   
  65.                     <option value="Comoros">Comoros</option>   
  66.                     <option value="Congo">Congo</option>   
  67.                     <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option>   
  68.                     <option value="Cook Islands">Cook Islands</option>   
  69.                     <option value="Costa Rica">Costa Rica</option>   
  70.                     <option value="Cote D'ivoire">Cote D'ivoire</option>   
  71.                     <option value="Croatia">Croatia</option>   
  72.                     <option value="Cuba">Cuba</option>   
  73.                     <option value="Cyprus">Cyprus</option>   
  74.                     <option value="Czech Republic">Czech Republic</option>   
  75.                     <option value="Denmark">Denmark</option>   
  76.                     <option value="Djibouti">Djibouti</option>   
  77.                     <option value="Dominica">Dominica</option>   
  78.                     <option value="Dominican Republic">Dominican Republic</option>   
  79.                     <option value="Ecuador">Ecuador</option>   
  80.                     <option value="Egypt">Egypt</option>   
  81.                     <option value="El Salvador">El Salvador</option>   
  82.                     <option value="Equatorial Guinea">Equatorial Guinea</option>   
  83.                     <option value="Eritrea">Eritrea</option>   
  84.                     <option value="Estonia">Estonia</option>   
  85.                     <option value="Ethiopia">Ethiopia</option>   
  86.                     <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>   
  87.                     <option value="Faroe Islands">Faroe Islands</option>   
  88.                     <option value="Fiji">Fiji</option>   
  89.                     <option value="Finland">Finland</option>   
  90.                     <option value="France">France</option>   
  91.                     <option value="French Guiana">French Guiana</option>   
  92.                     <option value="French Polynesia">French Polynesia</option>   
  93.                     <option value="French Southern Territories">French Southern Territories</option>   
  94.                     <option value="Gabon">Gabon</option>   
  95.                     <option value="Gambia">Gambia</option>   
  96.                     <option value="Georgia">Georgia</option>   
  97.                     <option value="Germany">Germany</option>   
  98.                     <option value="Ghana">Ghana</option>   
  99.                     <option value="Gibraltar">Gibraltar</option>   
  100.                     <option value="Greece">Greece</option>   
  101.                     <option value="Greenland">Greenland</option>   
  102.                     <option value="Grenada">Grenada</option>   
  103.                     <option value="Guadeloupe">Guadeloupe</option>   
  104.                     <option value="Guam">Guam</option>   
  105.                     <option value="Guatemala">Guatemala</option>   
  106.                     <option value="Guinea">Guinea</option>   
  107.                     <option value="Guinea-bissau">Guinea-bissau</option>   
  108.                     <option value="Guyana">Guyana</option>   
  109.                     <option value="Haiti">Haiti</option>   
  110.                     <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>   
  111.                     <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>   
  112.                     <option value="Honduras">Honduras</option>   
  113.                     <option value="Hong Kong">Hong Kong</option>   
  114.                     <option value="Hungary">Hungary</option>   
  115.                     <option value="Iceland">Iceland</option>   
  116.                     <option value="India">India</option>   
  117.                     <option value="Indonesia">Indonesia</option>   
  118.                     <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>   
  119.                     <option value="Iraq">Iraq</option>   
  120.                     <option value="Ireland">Ireland</option>   
  121.                     <option value="Israel">Israel</option>   
  122.                     <option value="Italy">Italy</option>   
  123.                     <option value="Jamaica">Jamaica</option>   
  124.                     <option value="Japan">Japan</option>   
  125.                     <option value="Jordan">Jordan</option>   
  126.                     <option value="Kazakhstan">Kazakhstan</option>   
  127.                     <option value="Kenya">Kenya</option>   
  128.                     <option value="Kiribati">Kiribati</option>   
  129.                     <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>   
  130.                     <option value="Korea, Republic of">Korea, Republic of</option>   
  131.                     <option value="Kuwait">Kuwait</option>   
  132.                     <option value="Kyrgyzstan">Kyrgyzstan</option>   
  133.                     <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>   
  134.                     <option value="Latvia">Latvia</option>   
  135.                     <option value="Lebanon">Lebanon</option>   
  136.                     <option value="Lesotho">Lesotho</option>   
  137.                     <option value="Liberia">Liberia</option>   
  138.                     <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>   
  139.                     <option value="Liechtenstein">Liechtenstein</option>   
  140.                     <option value="Lithuania">Lithuania</option>   
  141.                     <option value="Luxembourg">Luxembourg</option>   
  142.                     <option value="Macao">Macao</option>   
  143.                     <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>   
  144.                     <option value="Madagascar">Madagascar</option>   
  145.                     <option value="Malawi">Malawi</option>   
  146.                     <option value="Malaysia">Malaysia</option>   
  147.                     <option value="Maldives">Maldives</option>   
  148.                     <option value="Mali">Mali</option>   
  149.                     <option value="Malta">Malta</option>   
  150.                     <option value="Marshall Islands">Marshall Islands</option>   
  151.                     <option value="Martinique">Martinique</option>   
  152.                     <option value="Mauritania">Mauritania</option>   
  153.                     <option value="Mauritius">Mauritius</option>   
  154.                     <option value="Mayotte">Mayotte</option>   
  155.                     <option value="Mexico">Mexico</option>   
  156.                     <option value="Micronesia, Federated States of">Micronesia, Federated States of</option>   
  157.                     <option value="Moldova, Republic of">Moldova, Republic of</option>   
  158.                     <option value="Monaco">Monaco</option>   
  159.                     <option value="Mongolia">Mongolia</option>   
  160.                     <option value="Montserrat">Montserrat</option>   
  161.                     <option value="Morocco">Morocco</option>   
  162.                     <option value="Mozambique">Mozambique</option>   
  163.                     <option value="Myanmar">Myanmar</option>   
  164.                     <option value="Namibia">Namibia</option>   
  165.                     <option value="Nauru">Nauru</option>   
  166.                     <option value="Nepal">Nepal</option>   
  167.                     <option value="Netherlands">Netherlands</option>   
  168.                     <option value="Netherlands Antilles">Netherlands Antilles</option>   
  169.                     <option value="New Caledonia">New Caledonia</option>   
  170.                     <option value="New Zealand">New Zealand</option>   
  171.                     <option value="Nicaragua">Nicaragua</option>   
  172.                     <option value="Niger">Niger</option>   
  173.                     <option value="Nigeria">Nigeria</option>   
  174.                     <option value="Niue">Niue</option>   
  175.                     <option value="Norfolk Island">Norfolk Island</option>   
  176.                     <option value="Northern Mariana Islands">Northern Mariana Islands</option>   
  177.                     <option value="Norway">Norway</option>   
  178.                     <option value="Oman">Oman</option>   
  179.                     <option value="Pakistan">Pakistan</option>   
  180.                     <option value="Palau">Palau</option>   
  181.                     <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>   
  182.                     <option value="Panama">Panama</option>   
  183.                     <option value="Papua New Guinea">Papua New Guinea</option>   
  184.                     <option value="Paraguay">Paraguay</option>   
  185.                     <option value="Peru">Peru</option>   
  186.                     <option value="Philippines">Philippines</option>   
  187.                     <option value="Pitcairn">Pitcairn</option>   
  188.                     <option value="Poland">Poland</option>   
  189.                     <option value="Portugal">Portugal</option>   
  190.                     <option value="Puerto Rico">Puerto Rico</option>   
  191.                     <option value="Qatar">Qatar</option>   
  192.                     <option value="Reunion">Reunion</option>   
  193.                     <option value="Romania">Romania</option>   
  194.                     <option value="Russian Federation">Russian Federation</option>   
  195.                     <option value="Rwanda">Rwanda</option>   
  196.                     <option value="Saint Helena">Saint Helena</option>   
  197.                     <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>   
  198.                     <option value="Saint Lucia">Saint Lucia</option>   
  199.                     <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>   
  200.                     <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option>   
  201.                     <option value="Samoa">Samoa</option>   
  202.                     <option value="San Marino">San Marino</option>   
  203.                     <option value="Sao Tome and Principe">Sao Tome and Principe</option>   
  204.                     <option value="Saudi Arabia">Saudi Arabia</option>   
  205.                     <option value="Senegal">Senegal</option>   
  206.                     <option value="Serbia and Montenegro">Serbia and Montenegro</option>   
  207.                     <option value="Seychelles">Seychelles</option>   
  208.                     <option value="Sierra Leone">Sierra Leone</option>   
  209.                     <option value="Singapore">Singapore</option>   
  210.                     <option value="Slovakia">Slovakia</option>   
  211.                     <option value="Slovenia">Slovenia</option>   
  212.                     <option value="Solomon Islands">Solomon Islands</option>   
  213.                     <option value="Somalia">Somalia</option>   
  214.                     <option value="South Africa">South Africa</option>   
  215.                     <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option>   
  216.                     <option value="Spain">Spain</option>   
  217.                     <option value="Sri Lanka">Sri Lanka</option>   
  218.                     <option value="Sudan">Sudan</option>   
  219.                     <option value="Suriname">Suriname</option>   
  220.                     <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>   
  221.                     <option value="Swaziland">Swaziland</option>   
  222.                     <option value="Sweden">Sweden</option>   
  223.                     <option value="Switzerland">Switzerland</option>   
  224.                     <option value="Syrian Arab Republic">Syrian Arab Republic</option>   
  225.                     <option value="Taiwan, Province of China">Taiwan, Province of China</option>   
  226.                     <option value="Tajikistan">Tajikistan</option>   
  227.                     <option value="Tanzania, United Republic of">Tanzania, United Republic of</option>   
  228.                     <option value="Thailand">Thailand</option>   
  229.                     <option value="Timor-leste">Timor-leste</option>   
  230.                     <option value="Togo">Togo</option>   
  231.                     <option value="Tokelau">Tokelau</option>   
  232.                     <option value="Tonga">Tonga</option>   
  233.                     <option value="Trinidad and Tobago">Trinidad and Tobago</option>   
  234.                     <option value="Tunisia">Tunisia</option>   
  235.                     <option value="Turkey">Turkey</option>   
  236.                     <option value="Turkmenistan">Turkmenistan</option>   
  237.                     <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>   
  238.                     <option value="Tuvalu">Tuvalu</option>   
  239.                     <option value="Uganda">Uganda</option>   
  240.                     <option value="Ukraine">Ukraine</option>   
  241.                     <option value="United Arab Emirates">United Arab Emirates</option>   
  242.                     <option value="United Kingdom">United Kingdom</option>   
  243.                     <option value="United States">United States</option>   
  244.                     <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>   
  245.                     <option value="Uruguay">Uruguay</option>   
  246.                     <option value="Uzbekistan">Uzbekistan</option>   
  247.                     <option value="Vanuatu">Vanuatu</option>   
  248.                     <option value="Venezuela">Venezuela</option>   
  249.                     <option value="Viet Nam">Viet Nam</option>   
  250.                     <option value="Virgin Islands, British">Virgin Islands, British</option>   
  251.                     <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>   
  252.                     <option value="Wallis and Futuna">Wallis and Futuna</option>   
  253.                     <option value="Western Sahara">Western Sahara</option>   
  254.                     <option value="Yemen">Yemen</option>   
  255.                     <option value="Zambia">Zambia</option>   
  256.                     <option value="Zimbabwe">Zimbabwe</option>  
  257.                 </select>  
  258.                 <h4>Select with icons:</h4>  
  259.                 <select id="sl2-ic" tabindex="2">  
  260.                     <option value="" >Short select</option>   
  261.                     <option class="icons icon1" value="Option1">Option 1</option>   
  262.                     <option class="icons icon2" value="Option2">Option 2 with very long label - 2 rows</option>   
  263.                     <option class="icons icon3" selected="selected" value="Option3">Option 3</option>   
  264.                     <option class="icons icon4" value="Option4">Option 4</option>   
  265.                     </select>  
  266.                 </div>  
  267.                 <div class="customSBDemo">  
  268.                 <h4>Select with custom scroll bar:</h4>  
  269.                 <select id="sl3-csb">  
  270.                     <option value="">Select Country</option>   
  271.                     <option value="United States">United States</option>   
  272.                     <option value="United Kingdom">United Kingdom</option>   
  273.                     <option value="Afghanistan">Afghanistan</option>   
  274.                     <option value="Albania">Albania</option>   
  275.                     <option value="Algeria">Algeria</option>   
  276.                     <option value="American Samoa">American Samoa</option>   
  277.                     <option value="Andorra">Andorra</option>   
  278.                     <option value="Angola">Angola</option>   
  279.                     <option value="Anguilla">Anguilla</option>   
  280.                     <option value="Antarctica">Antarctica</option>   
  281.                     <option value="Antigua and Barbuda">Antigua and Barbuda</option>   
  282.                     <option value="Argentina">Argentina</option>   
  283.                     <option value="Armenia">Armenia</option>   
  284.                     <option value="Aruba">Aruba</option>   
  285.                     <option value="Australia">Australia</option>   
  286.                     <option value="Austria">Austria</option>   
  287.                     <option value="Azerbaijan">Azerbaijan</option>   
  288.                     <option value="Bahamas">Bahamas</option>   
  289.                     <option value="Bahrain">Bahrain</option>   
  290.                     <option value="Bangladesh">Bangladesh</option>   
  291.                     <option value="Barbados">Barbados</option>   
  292.                     <option value="Belarus">Belarus</option>   
  293.                     <option value="Belgium">Belgium</option>   
  294.                     <option value="Belize">Belize</option>   
  295.                     <option value="Benin">Benin</option>   
  296.                     <option value="Bermuda">Bermuda</option>   
  297.                     <option value="Bhutan">Bhutan</option>   
  298.                     <option value="Bolivia">Bolivia</option>   
  299.                     <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>   
  300.                     <option value="Botswana">Botswana</option>   
  301.                     <option value="Bouvet Island">Bouvet Island</option>   
  302.                     <option value="Brazil">Brazil</option>   
  303.                     <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>   
  304.                     <option value="Brunei Darussalam">Brunei Darussalam</option>   
  305.                     <option value="Bulgaria">Bulgaria</option>   
  306.                     <option value="Burkina Faso">Burkina Faso</option>   
  307.                     <option value="Burundi">Burundi</option>   
  308.                     <option value="Cambodia">Cambodia</option>   
  309.                     <option value="Cameroon">Cameroon</option>   
  310.                     <option value="Canada">Canada</option>   
  311.                     <option value="Cape Verde">Cape Verde</option>   
  312.                     <option value="Cayman Islands">Cayman Islands</option>   
  313.                     <option value="Central African Republic">Central African Republic</option>   
  314.                     <option value="Chad">Chad</option>   
  315.                     <option value="Chile">Chile</option>   
  316.                     <option value="China">China</option>   
  317.                     <option value="Christmas Island">Christmas Island</option>   
  318.                     <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>   
  319.                     <option value="Colombia">Colombia</option>   
  320.                     <option value="Comoros">Comoros</option>   
  321.                     <option value="Congo">Congo</option>   
  322.                     <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option>   
  323.                     <option value="Cook Islands">Cook Islands</option>   
  324.                     <option value="Costa Rica">Costa Rica</option>   
  325.                     <option value="Cote D'ivoire">Cote D'ivoire</option>   
  326.                     <option value="Croatia">Croatia</option>   
  327.                     <option value="Cuba">Cuba</option>   
  328.                     <option value="Cyprus">Cyprus</option>   
  329.                     <option value="Czech Republic">Czech Republic</option>   
  330.                     <option value="Denmark">Denmark</option>   
  331.                     <option value="Djibouti">Djibouti</option>   
  332.                     <option value="Dominica">Dominica</option>   
  333.                     <option value="Dominican Republic">Dominican Republic</option>   
  334.                     <option value="Ecuador">Ecuador</option>   
  335.                     <option value="Egypt">Egypt</option>   
  336.                     <option value="El Salvador">El Salvador</option>   
  337.                     <option value="Equatorial Guinea">Equatorial Guinea</option>   
  338.                     <option value="Eritrea">Eritrea</option>   
  339.                     <option value="Estonia">Estonia</option>   
  340.                     <option value="Ethiopia">Ethiopia</option>   
  341.                     <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>   
  342.                     <option value="Faroe Islands">Faroe Islands</option>   
  343.                     <option value="Fiji">Fiji</option>   
  344.                     <option value="Finland">Finland</option>   
  345.                     <option value="France">France</option>   
  346.                     <option value="French Guiana">French Guiana</option>   
  347.                     <option value="French Polynesia">French Polynesia</option>   
  348.                     <option value="French Southern Territories">French Southern Territories</option>   
  349.                     <option value="Gabon">Gabon</option>   
  350.                     <option value="Gambia">Gambia</option>   
  351.                     <option value="Georgia">Georgia</option>   
  352.                     <option value="Germany">Germany</option>   
  353.                     <option value="Ghana">Ghana</option>   
  354.                     <option value="Gibraltar">Gibraltar</option>   
  355.                     <option value="Greece">Greece</option>   
  356.                     <option value="Greenland">Greenland</option>   
  357.                     <option value="Grenada">Grenada</option>   
  358.                     <option value="Guadeloupe">Guadeloupe</option>   
  359.                     <option value="Guam">Guam</option>   
  360.                     <option value="Guatemala">Guatemala</option>   
  361.                     <option value="Guinea">Guinea</option>   
  362.                     <option value="Guinea-bissau">Guinea-bissau</option>   
  363.                     <option value="Guyana">Guyana</option>   
  364.                     <option value="Haiti">Haiti</option>   
  365.                     <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>   
  366.                     <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>   
  367.                     <option value="Honduras">Honduras</option>   
  368.                     <option value="Hong Kong">Hong Kong</option>   
  369.                     <option value="Hungary">Hungary</option>   
  370.                     <option value="Iceland">Iceland</option>   
  371.                     <option value="India">India</option>   
  372.                     <option value="Indonesia">Indonesia</option>   
  373.                     <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>   
  374.                     <option value="Iraq">Iraq</option>   
  375.                     <option value="Ireland">Ireland</option>   
  376.                     <option value="Israel">Israel</option>   
  377.                     <option value="Italy">Italy</option>   
  378.                     <option value="Jamaica">Jamaica</option>   
  379.                     <option value="Japan">Japan</option>   
  380.                     <option value="Jordan">Jordan</option>   
  381.                     <option value="Kazakhstan">Kazakhstan</option>   
  382.                     <option value="Kenya">Kenya</option>   
  383.                     <option value="Kiribati">Kiribati</option>   
  384.                     <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>   
  385.                     <option value="Korea, Republic of">Korea, Republic of</option>   
  386.                     <option value="Kuwait">Kuwait</option>   
  387.                     <option value="Kyrgyzstan">Kyrgyzstan</option>   
  388.                     <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>   
  389.                     <option value="Latvia">Latvia</option>   
  390.                     <option value="Lebanon">Lebanon</option>   
  391.                     <option value="Lesotho">Lesotho</option>   
  392.                     <option value="Liberia">Liberia</option>   
  393.                     <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>   
  394.                     <option value="Liechtenstein">Liechtenstein</option>   
  395.                     <option value="Lithuania">Lithuania</option>   
  396.                     <option value="Luxembourg">Luxembourg</option>   
  397.                     <option value="Macao">Macao</option>   
  398.                     <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>   
  399.                     <option value="Madagascar">Madagascar</option>   
  400.                     <option value="Malawi">Malawi</option>   
  401.                     <option value="Malaysia">Malaysia</option>   
  402.                     <option value="Maldives">Maldives</option>   
  403.                     <option value="Mali">Mali</option>   
  404.                     <option value="Malta">Malta</option>   
  405.                     <option value="Marshall Islands">Marshall Islands</option>   
  406.                     <option value="Martinique">Martinique</option>   
  407.                     <option value="Mauritania">Mauritania</option>   
  408.                     <option value="Mauritius">Mauritius</option>   
  409.                     <option value="Mayotte">Mayotte</option>   
  410.                     <option value="Mexico">Mexico</option>   
  411.                     <option value="Micronesia, Federated States of">Micronesia, Federated States of</option>   
  412.                     <option value="Moldova, Republic of">Moldova, Republic of</option>   
  413.                     <option value="Monaco">Monaco</option>   
  414.                     <option value="Mongolia">Mongolia</option>   
  415.                     <option value="Montserrat">Montserrat</option>   
  416.                     <option value="Morocco">Morocco</option>   
  417.                     <option value="Mozambique">Mozambique</option>   
  418.                     <option value="Myanmar">Myanmar</option>   
  419.                     <option value="Namibia">Namibia</option>   
  420.                     <option value="Nauru">Nauru</option>   
  421.                     <option value="Nepal">Nepal</option>   
  422.                     <option value="Netherlands">Netherlands</option>   
  423.                     <option value="Netherlands Antilles">Netherlands Antilles</option>   
  424.                     <option value="New Caledonia">New Caledonia</option>   
  425.                     <option value="New Zealand">New Zealand</option>   
  426.                     <option value="Nicaragua">Nicaragua</option>   
  427.                     <option value="Niger">Niger</option>   
  428.                     <option value="Nigeria">Nigeria</option>   
  429.                     <option value="Niue">Niue</option>   
  430.                     <option value="Norfolk Island">Norfolk Island</option>   
  431.                     <option value="Northern Mariana Islands">Northern Mariana Islands</option>   
  432.                     <option value="Norway">Norway</option>   
  433.                     <option value="Oman">Oman</option>   
  434.                     <option value="Pakistan">Pakistan</option>   
  435.                     <option value="Palau">Palau</option>   
  436.                     <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>   
  437.                     <option value="Panama">Panama</option>   
  438.                     <option value="Papua New Guinea">Papua New Guinea</option>   
  439.                     <option value="Paraguay">Paraguay</option>   
  440.                     <option value="Peru">Peru</option>   
  441.                     <option value="Philippines">Philippines</option>   
  442.                     <option value="Pitcairn">Pitcairn</option>   
  443.                     <option value="Poland">Poland</option>   
  444.                     <option value="Portugal">Portugal</option>   
  445.                     <option value="Puerto Rico">Puerto Rico</option>   
  446.                     <option value="Qatar">Qatar</option>   
  447.                     <option value="Reunion">Reunion</option>   
  448.                     <option value="Romania">Romania</option>   
  449.                     <option value="Russian Federation">Russian Federation</option>   
  450.                     <option value="Rwanda">Rwanda</option>   
  451.                     <option value="Saint Helena">Saint Helena</option>   
  452.                     <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>   
  453.                     <option value="Saint Lucia">Saint Lucia</option>   
  454.                     <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>   
  455.                     <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option>   
  456.                     <option value="Samoa">Samoa</option>   
  457.                     <option value="San Marino">San Marino</option>   
  458.                     <option value="Sao Tome and Principe">Sao Tome and Principe</option>   
  459.                     <option value="Saudi Arabia">Saudi Arabia</option>   
  460.                     <option value="Senegal">Senegal</option>   
  461.                     <option value="Serbia and Montenegro">Serbia and Montenegro</option>   
  462.                     <option value="Seychelles">Seychelles</option>   
  463.                     <option value="Sierra Leone">Sierra Leone</option>   
  464.                     <option value="Singapore">Singapore</option>   
  465.                     <option value="Slovakia">Slovakia</option>   
  466.                     <option value="Slovenia">Slovenia</option>   
  467.                     <option value="Solomon Islands">Solomon Islands</option>   
  468.                     <option value="Somalia">Somalia</option>   
  469.                     <option value="South Africa">South Africa</option>   
  470.                     <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option>   
  471.                     <option value="Spain">Spain</option>   
  472.                     <option value="Sri Lanka">Sri Lanka</option>   
  473.                     <option value="Sudan">Sudan</option>   
  474.                     <option value="Suriname">Suriname</option>   
  475.                     <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>   
  476.                     <option value="Swaziland">Swaziland</option>   
  477.                     <option value="Sweden">Sweden</option>   
  478.                     <option value="Switzerland">Switzerland</option>   
  479.                     <option value="Syrian Arab Republic">Syrian Arab Republic</option>   
  480.                     <option value="Taiwan, Province of China">Taiwan, Province of China</option>   
  481.                     <option value="Tajikistan">Tajikistan</option>   
  482.                     <option value="Tanzania, United Republic of">Tanzania, United Republic of</option>   
  483.                     <option value="Thailand">Thailand</option>   
  484.                     <option value="Timor-leste">Timor-leste</option>   
  485.                     <option value="Togo">Togo</option>   
  486.                     <option value="Tokelau">Tokelau</option>   
  487.                     <option value="Tonga">Tonga</option>   
  488.                     <option value="Trinidad and Tobago">Trinidad and Tobago</option>   
  489.                     <option value="Tunisia">Tunisia</option>   
  490.                     <option value="Turkey">Turkey</option>   
  491.                     <option value="Turkmenistan">Turkmenistan</option>   
  492.                     <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>   
  493.                     <option value="Tuvalu">Tuvalu</option>   
  494.                     <option value="Uganda">Uganda</option>   
  495.                     <option value="Ukraine">Ukraine</option>   
  496.                     <option value="United Arab Emirates">United Arab Emirates</option>   
  497.                     <option value="United Kingdom">United Kingdom</option>   
  498.                     <option value="United States">United States</option>   
  499.                     <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>   
  500.                     <option value="Uruguay">Uruguay</option>   
  501.                     <option value="Uzbekistan">Uzbekistan</option>   
  502.                     <option value="Vanuatu">Vanuatu</option>   
  503.                     <option value="Venezuela">Venezuela</option>   
  504.                     <option value="Viet Nam">Viet Nam</option>   
  505.                     <option value="Virgin Islands, British">Virgin Islands, British</option> Virgin Islands, U.S.">Virgin Islands, U.S.</option>   
  506.                     <option value="Wallis and Futuna">Wallis and Futuna</option>   
  507.                     <option value="Western Sahara">Western Sahara</option>   
  508.                     <option value="Yemen">Yemen</option>   
  509.                     <option value="Zambia">Zambia</option>   
  510.                     <option value="Zimbabwe">Zimbabwe</option>  
  511.                 </select>  
  512.                 </div>  
  513.                 <div class="demo">  
  514.                 <h4>Text fields:</h4>  
  515.                 <label class="textLabel">Textbox:</label><input type="text" id="tb" /><br />  
  516.                 <label class="textLabel">Password:</label><input type="password" id="pass" /><br />  
  517.                 <label>Text area:</label><br/><textarea rows="4" style="width:200px" id="ta"></textarea>  
  518.                 <br/>  
  519.                 <input type="submit" value="submit" /><input id="demoReset" type="reset" value="reset" />  
  520.                 <br />  
  521.                  <select id="sl3-optG">  
  522.                     <option value="" >Short select</option>  
  523.                     <optgroup  class="groupOption group1" label="group1">  
  524.                     <option value="Option1">Option 1</option>   
  525.                     <option value="Option2">Option 2</option>   
  526.                     <option value="Option3">Option 3</option>   
  527.                     <option value="Option4">Option 4</option>  
  528.                     </optgroup>  
  529.                       
  530.                     <option class="groupOption" value="group3">Dummy group to enable selection</option>   
  531.                     <option value="Option1">Option 5</option>   
  532.                     <option value="Option2">Option 6</option>   
  533.                     <option value="Option3">Option 7</option>   
  534.                     <option value="Option4">Option 8</option>  
  535.                 </select>  
  536.                 </div>  
  537.                  
  538.             </div>  

 


原文地址:http://www.freejs.net/article_biaodan_221.html