1. 程式人生 > 其它 >表單form標籤

表單form標籤

1、form標籤中設定屬性
action、name、method、enctype表單資訊提交的編碼方式、target
2、輸入標籤input
(1)輸入框
單行文字框,type設為text,有四個屬性:name、size、maxlength、value
密碼輸入框,type設為password,也有四個屬性:name、size、maxlength、value
(2)label標籤
<label> 標籤為 input 元素定義標註(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果在 label 元素內點選文字,就會觸發此控制元件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上。
<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。
(3)單選按鈕和複選框
單選按鈕,type設為radio,有三個屬性:name、checked、value
複選框,type設為checkbox,有三個屬性:name、checked、value
(4)按鈕
普通按鈕:input裡的type設為button,有三個屬性:value、name、onclick
提交按鈕:input裡的type設為submit,有兩個屬性:name、value
重置按鈕:input裡的type設為reset,有兩個屬性:name、value
(5)影象域和檔案域
影象域:input裡的type設為image,有src和name兩個屬性
檔案域:input裡的type設為file,有accept和name兩個屬性
3、文字域和選單/列表
文字域:textarea,有四個屬性——name、rows行、cols列、value預設值
選單/列表:select——option,屬性:name、size、multiple表示可多選、value、selected預設被選中