HTML 表單用于搜集不同類型的用戶輸入。表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。
HTML表單
表單使用表單標簽 <form> 來設置。action 屬性定義在提交表單時執行的動作,就是提交的路徑;method 屬性規定在提交表單時所用的 HTTP 方法(GET 或 POST):
<form action="www.baidu.com" method="get/post">
.
input elements
.
</form>```
**輸入元素**
多數情況下被用到的表單標簽是輸入標簽(<input>)。
輸入類型是由類型屬性(type)定義的。大多數經常被用到的輸入類型如下:
**單行文本域**
文本域通過<input type="text"> 標簽來設定,當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。
<form>
賬號: <input type="text" name="username">
</form>
**密碼字段**
密碼字段通過標簽<input type="password"> 來定義,密碼字段字符不會明文顯示,而是以星號或圓點替代。
<form>
密碼: <input type="password" name="pwd">
</form>
**單選按鈕**
<input type="radio"> 標簽定義了表單單選框選項。
<form>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</form>
**復選框**
<input type="checkbox"> 定義了復選框。 用戶需要從若干給定的選擇中選取一個或若干選項。
<form>
<input type="checkbox" name="vehicle" value="read">讀書
<input type="checkbox" name="vehicle" value="music">聽歌
<input type="checkbox" name="vehicle" value="study">學習
</form>
**隱藏域**
<input type="hideen">定義了隱藏域。隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。
<form>
<input type="hidden" name="hidden" value="hiddenInfo">
</form>
**提交按鈕**
<input type="submit"> 定義了提交按鈕。當用戶單擊確認按鈕時,表單的內容會被傳送到另一個文件。
<form >
<input type="submit" value="Submit">
</form>
**下拉列表**
<select> 元素定義下拉列表:
<form >
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
</select>
</form>
**多行文本域**
<textarea> 元素定義多行輸入字段(文本域):
<textarea name="message" rows="10" cols="30">
content
</textarea>
**按鈕**
<button> 元素定義可點擊的按鈕:
<form >
<button type="button" >Click Me!</button>
</form>