表單

一、表單的語法：




1.提交方式：
get:不安全，地址欄里面有提交內容
post:相對安全，地址欄里面不顯示提交的內容
2.提交按鈕：submit
3.重置按鈕：reset
4.input中常用的屬性：
1)type：表示表單元素的類型，常見的值，text,password,checkbox,radio,submit,reset,file,email,number,url,hidden,image,button,search。
2)name:指定表單元素的名稱。
3)value:指定表單元素的初始值
4)size:指定表單元素的初始寬度，如果type為text或者password，那么此屬性以字符為單位，否則以像素為單位。
5)maxlength:指定輸入的最大字符數，默認為無限制
6)checked:指定單選按鈕或者多選框是否被選中
5.密碼表單：type=“password”
6.單選按鈕：
語法：男
女
注意事項：name的值必須一樣，才能實現單選
7.復選框：
吃
玩
注意：checked為默認選中。
8.下拉列表：
語法：

選項一
選項二

9.按鈕：
普通按鈕：普通按鈕

提交按鈕：
重置按鈕：
10.多行文本域：
顯示的文本
11.上傳文件：

注意：上傳的文件的時候，需要在標簽里面添加屬性（enctype=“mutipart/form-data”）
12.郵箱：

13.數字：


14.搜索：

二、表單的高級應用：
1.設置表單的隱藏域：

2.表單的禁用與只讀設置:
只讀：readonly
禁用：disabled
3.表單元素標注：

4.表單驗證的好處：
緩解服務器的壓力
保證數據的可行性和安全性
5.placeholder：提示內容，這種提示可以描述文本框期待用戶輸入何種內容。
6.非空驗證：required
7.正則表達式驗證：pattern
eg：電話號碼的正則表達式，pattern="¹\d{9}"

---

358 ??

總結

以上是生活随笔為你收集整理的HTML表单元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。