都伊特尤塞夫的部落格

來源網址: https://matthung0807.blogspot.com/2019/08/html-input-value.html
另一篇有用的文章: https://www.itread01.com/content/1545765848.html

<!-- 隱藏欄位 -->
<input type="hidden" value="123">
<!-- 文字輸入欄位 -->
<input type="text" value="你好">
<!-- 搜尋欄位 -->
<input type="search" value="天氣預報">
<!-- 電話輸入欄位 -->
<input type="tel" value="0932-333-333">
<!-- URL輸入欄位 -->
<input type="url" value="https://www.google.com.tw/">
<!-- Email輸入欄位 -->
<input type="email" value="someone@abc.com">
<!-- 密碼輸入欄位 -->
<input type="password" value="12345">
<!-- 日期輸入欄位 -->
<input type="date" value="2019-08-08">
<!-- 月份輸入欄位 -->
<input type="month" value="2019-08">
<!-- 星期輸入欄位 -->
<input type="week" value="2019-W32">
<!-- 時間輸入欄位 -->
<input type="time" value="09:10:15">
<!-- 日期時間輸入欄位 -->
<input type="datetime-local" value="2019-08-08T09:20">
<!-- 數字輸入欄位 -->
<input type="number" value="999">
<!-- 範圍輸入滑桿 -->
<input type="range" value="90">
<!-- 顏色輸入，色環表 -->
<input type="color" value="#ffff00">
<!-- 複選框 -->
<input type="checkbox" value="1">
<!-- 選擇按鈕，單選框 -->
<input type="radio" value="yellow">
<!-- 提交按鈕 -->
<input type="submit" value="這是提交按鈕">
<!-- 圖片按鈕 -->
<input type="image" value="" src="https://lh3.googleusercontent.com/K9B0ocaZvhCU3j6PJLyTXngvZRDzAQQI-IeKv7O2IxyG63AHC0agRQp3lO-FFqgW4sdYqnBA9VKoBQowCDW39pjOIk30Q8HtXBNyTwvc6XsaZFUf2VkzmH-pAhZBFxoIEji6ZqTNnHJEPMQSNcjuUMr32AsGQge-_C0TV90tXfny66DCQ4YcNw9wAOIq21zlZftAO1oil213E0vjDwHoJsFILepHZ1dbP6qyJOD5gqCWCa174j_SAmGLA8LI96V1OmKzBveDgrNC4JSkYe3Eb4h0oML4aj9CpgMsDBmAwQBUnnik9aMAZBGz7lcGdv9AHKBWm30QKa7GuNfT2ZmojUpQS6x6SB8DZBECCNOMi-dhTfPx5_6cuSZ4UdKk-1jnyVdNQOWfhwEvBUfj26tXfrzqoQOqdLWBDNBxc82rdCzLu8zDz6W593l20t3BBR9rdXB2sILN-6zOxCAZf6ZjjDFEz2RtVMnx7oXgfV7RUoozEC-UAquC-o2nhoy4MhZ-7hdQf23DyhWrM7D-DkcHC8m8hiE9N4JNn7P_H9IHNaetpEwjv2q4_fyJFvdJYPeLHmVztBsYMv_a30FqE3sz3e3EiVJQ6zMLDvdNtWR_favW0HfumRfQ0y983fnqR2UxCcJ21EWuoSkIUMm90gBz27xZgMofigE=w119-h24-no">
<!-- 重置按鈕 -->
<input type="reset" value="這是重置按鈕">
<!-- 普通按鈕 -->
<input type="button" value="這是普通按鈕">
 

#都伊特尤塞夫