Advanced Search

HTML for Time Zone dropdown/select

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<meta charset="utf-8">
  5. 	<title>HTML for Time Zone dropdown/select</title>
  6. 	<style type="text/css">
  7. 		body 	{ text-align: center; margin: auto; padding: 20px; }
  8. 		label 	{ font-weight: bold; margin: 0 4px; }
  9. 		select  { margin: 0; padding: 0; }
  10. 	</style>
  11. </head>
  12. <body>
  13. 	<!-- START TIME ZONE SNIPPET -->
  14. 	<label for="time_zone">Time Zone</label>
  15.  
  16. 	<select id="time_zone">
  17. 		<option value="Hawaii">(GMT-10:00) Hawaii</option>
  18. 		<option value="Alaska">(GMT-09:00) Alaska</option>
  19. 		<option value="Pacific Time (US &amp; Canada)">(GMT-08:00) Pacific Time (US &amp; Canada)</option>
  20. 		<option value="Arizona">(GMT-07:00) Arizona</option>
  21. 		<option value="Mountain Time (US &amp; Canada)">(GMT-07:00) Mountain Time (US &amp; Canada)</option>
  22. 		<option value="Central Time (US &amp; Canada)" selected="selected">(GMT-06:00) Central Time (US &amp; Canada)</option>
  23. 		<option value="Eastern Time (US &amp; Canada)">(GMT-05:00) Eastern Time (US &amp; Canada)</option>
  24. 		<option value="Indiana (East)">(GMT-05:00) Indiana (East)</option><option value="" disabled="disabled">-------------</option>
  25. 		<option value="International Date Line West">(GMT-11:00) International Date Line West</option>
  26. 		<option value="Midway Island">(GMT-11:00) Midway Island</option>
  27. 		<option value="Samoa">(GMT-11:00) Samoa</option>
  28. 		<option value="Tijuana">(GMT-08:00) Tijuana</option>
  29. 		<option value="Chihuahua">(GMT-07:00) Chihuahua</option>
  30. 		<option value="Mazatlan">(GMT-07:00) Mazatlan</option>
  31. 		<option value="Central America">(GMT-06:00) Central America</option>
  32. 		<option value="Guadalajara">(GMT-06:00) Guadalajara</option>
  33. 		<option value="Mexico City">(GMT-06:00) Mexico City</option>
  34. 		<option value="Monterrey">(GMT-06:00) Monterrey</option>
  35. 		<option value="Saskatchewan">(GMT-06:00) Saskatchewan</option>
  36. 		<option value="Bogota">(GMT-05:00) Bogota</option>
  37. 		<option value="Lima">(GMT-05:00) Lima</option>
  38. 		<option value="Quito">(GMT-05:00) Quito</option>
  39. 		<option value="Caracas">(GMT-04:30) Caracas</option>
  40. 		<option value="Atlantic Time (Canada)">(GMT-04:00) Atlantic Time (Canada)</option>
  41. 		<option value="La Paz">(GMT-04:00) La Paz</option>
  42. 		<option value="Santiago">(GMT-04:00) Santiago</option>
  43. 		<option value="Newfoundland">(GMT-03:30) Newfoundland</option>
  44. 		<option value="Brasilia">(GMT-03:00) Brasilia</option>
  45. 		<option value="Buenos Aires">(GMT-03:00) Buenos Aires</option>
  46. 		<option value="Georgetown">(GMT-03:00) Georgetown</option>
  47. 		<option value="Greenland">(GMT-03:00) Greenland</option>
  48. 		<option value="Mid-Atlantic">(GMT-02:00) Mid-Atlantic</option>
  49. 		<option value="Azores">(GMT-01:00) Azores</option>
  50. 		<option value="Cape Verde Is.">(GMT-01:00) Cape Verde Is.</option>
  51. 		<option value="Casablanca">(GMT) Casablanca</option>
  52. 		<option value="Dublin">(GMT) Dublin</option>
  53. 		<option value="Edinburgh">(GMT) Edinburgh</option>
  54. 		<option value="Lisbon">(GMT) Lisbon</option>
  55. 		<option value="London">(GMT) London</option>
  56. 		<option value="Monrovia">(GMT) Monrovia</option>
  57. 		<option value="Amsterdam">(GMT+01:00) Amsterdam</option>
  58. 		<option value="Belgrade">(GMT+01:00) Belgrade</option>
  59. 		<option value="Berlin">(GMT+01:00) Berlin</option>
  60. 		<option value="Bern">(GMT+01:00) Bern</option>
  61. 		<option value="Bratislava">(GMT+01:00) Bratislava</option>
  62. 		<option value="Brussels">(GMT+01:00) Brussels</option>
  63. 		<option value="Budapest">(GMT+01:00) Budapest</option>
  64. 		<option value="Copenhagen">(GMT+01:00) Copenhagen</option>
  65. 		<option value="Ljubljana">(GMT+01:00) Ljubljana</option>
  66. 		<option value="Madrid">(GMT+01:00) Madrid</option>
  67. 		<option value="Paris">(GMT+01:00) Paris</option>
  68. 		<option value="Prague">(GMT+01:00) Prague</option>
  69. 		<option value="Rome">(GMT+01:00) Rome</option>
  70. 		<option value="Sarajevo">(GMT+01:00) Sarajevo</option>
  71. 		<option value="Skopje">(GMT+01:00) Skopje</option>
  72. 		<option value="Stockholm">(GMT+01:00) Stockholm</option>
  73. 		<option value="Vienna">(GMT+01:00) Vienna</option>
  74. 		<option value="Warsaw">(GMT+01:00) Warsaw</option>
  75. 		<option value="West Central Africa">(GMT+01:00) West Central Africa</option>
  76. 		<option value="Zagreb">(GMT+01:00) Zagreb</option>
  77. 		<option value="Athens">(GMT+02:00) Athens</option>
  78. 		<option value="Bucharest">(GMT+02:00) Bucharest</option>
  79. 		<option value="Cairo">(GMT+02:00) Cairo</option>
  80. 		<option value="Harare">(GMT+02:00) Harare</option>
  81. 		<option value="Helsinki">(GMT+02:00) Helsinki</option>
  82. 		<option value="Istanbul">(GMT+02:00) Istanbul</option>
  83. 		<option value="Jerusalem">(GMT+02:00) Jerusalem</option>
  84. 		<option value="Kyiv">(GMT+02:00) Kyiv</option>
  85. 		<option value="Minsk">(GMT+02:00) Minsk</option>
  86. 		<option value="Pretoria">(GMT+02:00) Pretoria</option>
  87. 		<option value="Riga">(GMT+02:00) Riga</option>
  88. 		<option value="Sofia">(GMT+02:00) Sofia</option>
  89. 		<option value="Tallinn">(GMT+02:00) Tallinn</option>
  90. 		<option value="Vilnius">(GMT+02:00) Vilnius</option>
  91. 		<option value="Baghdad">(GMT+03:00) Baghdad</option>
  92. 		<option value="Kuwait">(GMT+03:00) Kuwait</option>
  93. 		<option value="Moscow">(GMT+03:00) Moscow</option>
  94. 		<option value="Nairobi">(GMT+03:00) Nairobi</option>
  95. 		<option value="Riyadh">(GMT+03:00) Riyadh</option>
  96. 		<option value="St. Petersburg">(GMT+03:00) St. Petersburg</option>
  97. 		<option value="Volgograd">(GMT+03:00) Volgograd</option>
  98. 		<option value="Tehran">(GMT+03:30) Tehran</option>
  99. 		<option value="Abu Dhabi">(GMT+04:00) Abu Dhabi</option>
  100. 		<option value="Baku">(GMT+04:00) Baku</option>
  101. 		<option value="Muscat">(GMT+04:00) Muscat</option>
  102. 		<option value="Tbilisi">(GMT+04:00) Tbilisi</option>
  103. 		<option value="Yerevan">(GMT+04:00) Yerevan</option>
  104. 		<option value="Kabul">(GMT+04:30) Kabul</option>
  105. 		<option value="Ekaterinburg">(GMT+05:00) Ekaterinburg</option>
  106. 		<option value="Islamabad">(GMT+05:00) Islamabad</option>
  107. 		<option value="Karachi">(GMT+05:00) Karachi</option>
  108. 		<option value="Tashkent">(GMT+05:00) Tashkent</option>
  109. 		<option value="Chennai">(GMT+05:30) Chennai</option>
  110. 		<option value="Kolkata">(GMT+05:30) Kolkata</option>
  111. 		<option value="Mumbai">(GMT+05:30) Mumbai</option>
  112. 		<option value="New Delhi">(GMT+05:30) New Delhi</option>
  113. 		<option value="Kathmandu">(GMT+05:45) Kathmandu</option>
  114. 		<option value="Almaty">(GMT+06:00) Almaty</option>
  115. 		<option value="Astana">(GMT+06:00) Astana</option>
  116. 		<option value="Dhaka">(GMT+06:00) Dhaka</option>
  117. 		<option value="Novosibirsk">(GMT+06:00) Novosibirsk</option>
  118. 		<option value="Sri Jayawardenepura">(GMT+06:00) Sri Jayawardenepura</option>
  119. 		<option value="Rangoon">(GMT+06:30) Rangoon</option>
  120. 		<option value="Bangkok">(GMT+07:00) Bangkok</option>
  121. 		<option value="Hanoi">(GMT+07:00) Hanoi</option>
  122. 		<option value="Jakarta">(GMT+07:00) Jakarta</option>
  123. 		<option value="Krasnoyarsk">(GMT+07:00) Krasnoyarsk</option>
  124. 		<option value="Beijing">(GMT+08:00) Beijing</option>
  125. 		<option value="Chongqing">(GMT+08:00) Chongqing</option>
  126. 		<option value="Hong Kong">(GMT+08:00) Hong Kong</option>
  127. 		<option value="Irkutsk">(GMT+08:00) Irkutsk</option>
  128. 		<option value="Kuala Lumpur">(GMT+08:00) Kuala Lumpur</option>
  129. 		<option value="Perth">(GMT+08:00) Perth</option>
  130. 		<option value="Singapore">(GMT+08:00) Singapore</option>
  131. 		<option value="Taipei">(GMT+08:00) Taipei</option>
  132. 		<option value="Ulaan Bataar">(GMT+08:00) Ulaan Bataar</option>
  133. 		<option value="Urumqi">(GMT+08:00) Urumqi</option>
  134. 		<option value="Osaka">(GMT+09:00) Osaka</option>
  135. 		<option value="Sapporo">(GMT+09:00) Sapporo</option>
  136. 		<option value="Seoul">(GMT+09:00) Seoul</option>
  137. 		<option value="Tokyo">(GMT+09:00) Tokyo</option>
  138. 		<option value="Yakutsk">(GMT+09:00) Yakutsk</option>
  139. 		<option value="Adelaide">(GMT+09:30) Adelaide</option>
  140. 		<option value="Darwin">(GMT+09:30) Darwin</option>
  141. 		<option value="Brisbane">(GMT+10:00) Brisbane</option>
  142. 		<option value="Canberra">(GMT+10:00) Canberra</option>
  143. 		<option value="Guam">(GMT+10:00) Guam</option>
  144. 		<option value="Hobart">(GMT+10:00) Hobart</option>
  145. 		<option value="Melbourne">(GMT+10:00) Melbourne</option>
  146. 		<option value="Port Moresby">(GMT+10:00) Port Moresby</option>
  147. 		<option value="Sydney">(GMT+10:00) Sydney</option>
  148. 		<option value="Vladivostok">(GMT+10:00) Vladivostok</option>
  149. 		<option value="Magadan">(GMT+11:00) Magadan</option>
  150. 		<option value="New Caledonia">(GMT+11:00) New Caledonia</option>
  151. 		<option value="Solomon Is.">(GMT+11:00) Solomon Is.</option>
  152. 		<option value="Auckland">(GMT+12:00) Auckland</option>
  153. 		<option value="Fiji">(GMT+12:00) Fiji</option>
  154. 		<option value="Kamchatka">(GMT+12:00) Kamchatka</option>
  155. 		<option value="Marshall Is.">(GMT+12:00) Marshall Is.</option>
  156. 		<option value="Wellington">(GMT+12:00) Wellington</option>
  157. 		<option value="Nuku'alofa">(GMT+13:00) Nuku'alofa</option>
  158. 	</select>
  159. 	<!-- END TIME ZONE SNIPPET -->
  160. </body>
  161. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.