`

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

 
阅读更多

美化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>  
0
顶
0
踩
分享到：
| jQuery 自动切换文字内容 可以用于时间计 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使用HTML开发商业网站-表单控件-input课件.pptx

    大致可分为input控件、textarea控件、select控件三大类。 select控件 textarea控件 表单控件 &lt;input type="控件类型"/&gt; 表单控件 属性 属性值 描述 type text 单行文本输入框 password 密码输入框 radio 单选按钮 ...

    Axure交互原型Web组件库 完整版v1.rp

    数字输入框 InputNumber 常用数字输入框 日期选择框 DatePicker 常用日期选择框 日期范围选择框 滑动输入条 Slider 常用滑动输入条 上传 Upload 常用上传组件 图片上传组件 表单 Form 注册登录...

    解决layui的input独占一行的问题

    1.input标签独占一行，与button标签无法同行显示 （使用position属性进行设置，position属性详见。） 解决方法： 一.对button的position进行设置，使之与input同行。 二.将input与button放在一个大div中，然后将...

    产品经理必备Ant Design4.40-最新精编文件22年1月，AXURE原型设计，需要的素材和才考内容里面都有可以借鉴。

    autocomplete自动完成、checkbox多选框、cascader级联选择、datepicker日期选择框、form表单、inputnumber数字输入框、input输入框、mentions提及、rate评分、radio单选框、switch开关、slider滑动输入框、select...

    Bootstrap所支持的表单控件实例详解

    Bootstrap 支持最常见的表单控件，主要是 input、textarea、checkbox、radio 和 select。 输入框（Input） 最常见的表单文本字段是输入框 input。用户可以在其中输入大多数必要的表单数据。Bootstrap 提供了对所有...

    解决layui中onchange失效以及form动态渲染失效的问题

    select lay-filter=test&gt;&lt;/select&gt; js var form = layui.form(); form.on('select(test)', function(data){ console.log(data); }); 这样操作即可达到目的。 对于动态拼接，给一个控件赋值的是否，layer...

    HTML_CSS学习笔记.docx

    6.9. &lt;input&gt; radio/checkbox：单选框、复选框 26 6.10. &lt;select&gt;&标签：创建下拉菜单 27 6.11. &lt;input&gt; submit类型：提交按钮 27 6.12. &lt;input&gt; reset类型：重置表单信息 28 7. CSS3介绍 29 8. CSS3选择器 29 9. ...

    Element-UI 使用手册文档 V2.4.6 （Vue版本）.pdf

    Input 输入框 InputNumber 计数器 Select 选择器 Cascader 级联选择器 Switch 开关 Slider 滑块 TimePicker 时间选择器 DatePicker 日期选择器 DateTimePicker 日期时间选择器 Upload 上传 Rate 评分 ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本...

    基于jquery的一个简单的脚本验证插件

    文本输入框的最大输入长度 minval：数字型文本输入框的最值 maxval：数字型文本输入框的最值 notval：下拉框的必选设置 minselect：单复选框的最少选项数 maxselect：单复选框的最多选项数 … 3、使用范围 input:...

    前端与移动开发之表单

    ④name属性可以自定义名字 value一般设置为空（有实际意义的选项除外，否则不能向后台传递数据 每个选项的value值不能相同） ⑤后端提交的数据 name的属性值=value的值（输入框中的内容） ⑥checked=...

    HTML常用表单元素操作源码

    在Web开发中，要经常操作表单元素，如input输入框，select下拉选择框，radio单选按钮，checkbox复选框等。这个包含了常用表单元素操作的代码。

    【高端元件库】Web端高保真动态交互元件库V2.8.zip

    软件版本：Axure8.1(兼容Axure9/10) 产品类型：高保真元件库（Web端/中后台） ...Data Entry 数据录入：Radio 单选框、Checkbox 多选框、Input 输入框、Select 选择器、Cascader 级联选择器、......

    vue-form-maker:Vue 表单生成器——动态生成表单组件

    Input 输入框 Button 按钮 Radio 单选框 Checkbox 多选框 Icon 图标 Switch 开关 Select 选择器 Slider 滑块 DatePicker 日期选择器 TimePicker 时间选择器 Cascader 级联选择器 InputNumber 数字输入框 Rate 评分 ...

    LayuiForm表单.txt

    form表单元素包括：text 文本输入框，password密码输入框，checkbox复选框，radio单选框，file 文件域，submit表单提交action指向的文件，reset表单清空，image图片提交按钮，button按钮，hidden隐藏域。 select ...

    react-lib:react组件库

    Input 输入框组件 Link 路由跳转组件 Loading 加载中组件 Modal 对话框封装组件 Pagination 分页组件再封装 Portal 门户组件 Radio 单选框组件再封装 Select 下拉框组件再封装 Swiper 轮播图组件 Table 表格组件再...

    javaScript常用事件

    当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。例： &lt;Form&gt; &lt;Input type="text" name="Test" value="Test" onCharge="check('this.test)"&gt; ...

    网页设计之5种简单的XHTML网页表单

    网页设计之5中简单的XHTML网页表单。 技术1：标签三明治 将输入框，选择框和文本框全部包含进 label 元素，并全部设置为块级元素。...label, input, select, textarea {display: block;} label {margin-bott

    Bootstrap4 表单控件

    Bootstrap4 表单控件 Bootstrap4 支持以下表单控件： input textarea checkbox radio ...注意：: 如果 input 的 type 属性未正确声明，输入框的样式将不会显示。 以下实例使用两个 input 元素，一

    Vuejs第六篇之Vuejs与form元素实例解析

    【1】文本输入框绑定； 【2】textarea绑定（类似【1】）； 【3】radio选中值绑定； 【4】checkbox绑定（自动捆绑数组，无需name）； 【5】select绑定； 【6】select multiple多选选中框绑定； 【7】动态绑定...

Magicbox
Global site tag (gtag.js) - Google Analytics