<form>表單用于搜集不同類型的用戶輸入。即是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。
1.文本域(text),當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。
<form>
昵稱:<input type="text" name="nicheng"/>
簡介:<input type="text" name="jianjie"/>
</form>
顯示結果:
2.多行文本域(textarea)
<form>
? ? 建議:<input type="textarea">
<form/>
3.密碼(password)
<form>
密碼:<input type="password"/>
</form>
顯示結果:我手動輸入了幾個字符
4.單選按鈕(Radio Buttons)
<form>
? ?<input type="radio" name="sex" value="male" checked/>男
? ?<input type="radio" name="sex" value="female"/>女
<form/>
顯示結果:
checked表示默認選中,當name相同的情況下,單選才生效。
5.復選框(Checkboxes)
<form>
? ?<input type="checkbox" name="bike"/>I have a bike
? ?<input type="checkbox" name="car"/>I have a car
</form>
顯示結果:
6.提交按鈕(submit)和取消按鈕(reset)
<form>
<input type="submit" value="確定"/>
<input type="reset" value="取消"/>
</form>
顯示結果:
7.下拉
<select>
<option value="course">語文</option>
<option value="course">數學</option>
<option value="course">英語</option>
</select>
顯示結果: