HTML 表單用于搜集不同類型的用戶輸入。下文通過代碼給大家分享html 表單組件實例代碼，感興趣的朋友參考下吧

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

 !DOCTYPE html  html  head  meta charset= UTF-8  title Insert title here /title  /head  body  !--  如果要給服務端提交數據 表單中的組件必須有name和value屬性  用于給服務端獲取數據  from 輸入名稱: input type= text name= user value= / br/  輸入密碼: input type= password name= passwd value= /  br/  選擇性別: input type= radio name= sex vlaue= nan / 男 input type= radio name= sex value= nv checked= checked / 女  br/  選擇技術:  input type= checkbox name= tech value= java / Java  input type= checkbox name= tech value= html / html  input type= checkbox name= tech value= css / CSS br/  選擇文件:  input type= file name= file / br/  一個圖片: input type= image src= 11.jpg br/  !-- 數據不需要客戶端指定 但是可以將其提交服務端 --  隱藏組件: input type= hidden name= mykey value= myvalue / br/  一個按鈕: input type= button value= 有個按鈕 quot;alert( 有個按鈕 ) br/  select name= contry  option value= none --選擇國家- /option  option value= usa 美國 /option  option value= en 英國 /option  option value= cn selected= selected 中國 /option  /select  textarea name= text /textarea  br/  input type= reset value= 清除數據 / input type= submit value= 提交數據 /  from  /body  /html 

相信看了這些案例你已經掌握了方法，更多精彩請關注php 其它相關文章！

相關閱讀：

H5怎樣做出日歷校驗功能

h5怎樣實現獲取用戶地理定位

SVG怎樣開始實現多彩圓環倒計時

以上就是HTML的表單組件如何使用的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。