HTML5中最常用的表單標記是form標記。通過form標記,我們可以讓用戶填寫表單并將填寫的信息發送到服務器。
<form action="服務器地址" method="提交方式"> <label for="輸入框的id">標簽內容</label> <input type="輸入框類型" id="輸入框的id" name="輸入框名稱" placeholder="輸入框提示信息" required> <button type="提交類型">按鈕內容</button> </form>
標記解析:
<form action="服務器地址" method="提交方式">
該標記設置了表單中的數據發送到服務器的地址,以及數據提交方式。action一般設置為服務器的處理文件地址,method可以設置為get或post兩種提交方式。
<label for="輸入框的id">標簽內容</label>
該標記用于設置輸入框的標簽文本,for屬性要與該標簽所屬的輸入框的id屬性相同。
<input type="輸入框類型" id="輸入框的id" name="輸入框名稱" placeholder="輸入框提示信息" required>
該標記用于設置輸入框的類型、名稱、id和提示信息。required屬性可以設置是否必填,如果設置為必填,用戶提交時如果未填寫該項數據則無法提交表單。
<button type="提交類型">按鈕內容</button>
該標記用于設置提交按鈕的類型,以及按鈕的文本內容。
以上是HTML5中一個基本的表單標記內容,通過少量的HTML5代碼,我們就能夠快速實現表單的布置和提交到服務器端。在實際應用中,我們還可通過CSS對表單進行美化處理,使其更符合實際界面的需求。
下一篇表單css模板代碼