本博文介紹HTML中的表單標簽，
表單 = 表單域 + 表單控制元件 + 提示資訊，下面說說表單域和表單控制元件，
1 表單域標簽：<form></form>
基本格式：
<form action="url" method="提交方式" name="表單域名稱">
各種表單元素控制元件
</form>
引數說明：
| 引數 | 說明 |
| action | 用于指定接收并處理表單資料的服務器程式的URL |
| method | 用于設定表單資料的提交方式，其取值為get或者post |
| name | 指定表單的名稱 |
2 表單控制元件（表單元素）
- input輸入表單元素
基本格式：<input type="表單型別" name="表單名稱" value="https://www.cnblogs.com/detailNew/p/表單的值">
input的常用屬性：
| 屬性名 | 說明 |
| type | 決定輸入型別，可選值及說明在下表 |
| name | 定義input元素的名稱 |
| id | 標簽的唯一標識 |
| value | 規定input元素的值 |
| checked | 規定此input元素首次加載時被選中，用法：checked="checked" |
| maxlength | 規定表單中輸入字串的最大長度 |
屬性type的可選值：
| 可選值 | 說明 |
| button | 可點擊按鈕（結合js搭配使用） |
| file | 定義輸入欄位和“瀏覽”按鈕，供檔案上傳 |
| checkbox | 復選框（表單屬性name需要相同） |
| password | 密碼欄位，欄位中字符被掩碼 |
| hidden | 隱藏的輸入欄位 |
| radio | 單選按鈕（表單屬性name需要相同） |
| reset | 重置按鈕，清除表單資料 |
| text | 單行輸入欄位，默認寬度為20字符 |
| submit | 提交按鈕，可將表單資料發送到服務器 |
- label標簽
用處：系結一個表單元素，當點擊label標簽內文本時，瀏覽器自動將游標轉到（或選擇）對應的表單元素，注意label的for屬性值要和input的id屬性值一致，
基本格式：<label for="input的id值">標簽內文本</label>
舉例：
<label for="字串">男</label>
<input type="radio" name = "sex" id="字串">
此時用戶點擊“男”，則會選中單選按鈕，
- select下拉表單元素
基本格式：
<select>
<option>選項1</option>
<option>選項2</option>
</select>
注意：<option>中添加selected = "selected"，則表示默認選中，
- textarea文本域元素
基本格式：
<textarea rows="行數" cols="列數">
文本內容
</textarea>
引數說明：
| 引數 | 說明 |
| rows | 文本域的行數 |
| cols | 文本域的列數 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/548479.html
標籤：Html/Css
上一篇：TypeScript 學習總結
下一篇：cookie時效無限延長方案