1. 簡介
HTML表單是一個包含表單元素的區(qū)域,用來收集用戶輸入的內(nèi)容并提交全谤。
表單元素通常包括文本域(textarea)褒颈、單選框(radio-buttons)、復選框(checkboxes)等胯杭。
表單使用標簽<form>來設置
<form>的常用屬性
action :表單提交的地址
method :提交表單的方法,有get和post兩種受啥。
<form action="/getInfo" method="get">
</form>
2. 常用表單元素
大多數(shù)情況下被用到的表單標簽有
<input>做个,<textarea>(多行文本框),<option>(下拉框)滚局,<label>(<input>的標注)等居暖。
常用屬性:
type:輸入的類型
name:表單的名稱
value:表單的內(nèi)容
2.1 文本域(Text Fields)
文本域通過<input type="text"> 標簽來設定,當用戶要在表單中鍵入用戶名藤肢、郵箱等少量內(nèi)容時太闺,就會用到文本域。
<label>標簽用于對<input>的注釋嘁圈,通常配合for屬性使用省骂。與id屬性相對應。
例如
<form action="/getInfo" method="get">
<label for="username">姓名</label>
<input id="username" type="text" name="username" value="ruo">
</form>
2.2 密碼字段
通過標簽<input type="password"> 來定義:
2.3 單選框(Radio buttons)
通過標簽<input type="radio"> 定義最住。
2.4 復選框(Checkboxes)
通過標簽<input type="checkbox"> 定義钞澳。
例如
<form action="/getInfo" method="get">
<input type="checkbox" name="hobby" value="read"> 讀書
<input type="checkbox" name="hobby" value="music"> 歌
<input type="checkbox" name="hobby" value="study"> 學習
</form>
2.5 提交按鈕(Submit Button)
通過<input type="submit"> 定義
當用戶點擊提交按鈕時,表單的內(nèi)容會被傳送涨缚。傳送的方式和目的地由<form>標簽定義轧粟。