HTML表單是一個包含表單元素的區(qū)域演训,用來收集用戶輸入的內(nèi)容并提交。
表單元素通常包括文本域(textarea)、單選框(radio-buttons)很魂、復(fù)選框(checkboxes)等。
form
表單使用標(biāo)簽<form>來設(shè)置
<form>的常用屬性
action :表單提交的地址檐涝,這個值可以被 <button> 或者 <input> 元素中的 formaction: 屬性重載(覆蓋)遏匆。
method:提交表單的方法,有g(shù)et和post兩種谁榜。
- post: 指的是 HTTP POST 方法 ; 表單數(shù)據(jù)會包含在表單體內(nèi)然后發(fā)送給服務(wù)器.
- get: 指的是 HTTP GET 方法; 表單數(shù)據(jù)會附加在 URI action 屬性中并以 '?' 作為分隔符, 然后這樣得到的 URI 再發(fā)送給服務(wù)器. 當(dāng)這樣做(數(shù)據(jù)暴露在URI里面)沒什么副作用幅聘,或者表單僅包含ASCII字符時,再使用這種方法吧窃植。
<form action="/getInfo" method="get">
</form>
input
用的最多是輸入標(biāo)簽input帝蒿,有類型屬性type來決定輸入類型。常見的輸入類型如下:
<input type="text"> 單行文本輸入框
<input type="password"> 密碼輸入框
<input type="checkbox"> 多選框
<input type="radio"> 單選框 通過name屬性值來進行分組
<input type="file"> 可以讓用戶選擇文件巷怜。使用 accept 屬性可以定義控件可以選擇的文件類型葛超。
<input type="submit "> 用于提交表單的按鈕
<input type="number "> 用于輸入浮點數(shù)的控件
<input type="hidden "> 不顯示在頁面上的控件,但它的值會被提交到服務(wù)器
<input type="button "> 無缺省行為按鈕
除了input外還有一些其他的表單輸入元素
textarea
多行文本域
<textarea rows="10" cols="30">
我是多行文本輸入框
</textarea>
select 延塑、option
下拉列表
<select name="city">
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
<option value="beijing">北京</option>
</select>
label
這個標(biāo)簽主要是為input元素定義標(biāo)注(標(biāo)記)绣张。
<label for="male">Male</label>
<input type="radio" name="sex" value="male"><br />
<label for="male">Female</label>
<input type="radio" name="sex" value="female">