表單

一、表單的語法：




1.提交方式：
get:不安全，地址欄里面有提交內(nèi)容
post:相對安全，地址欄里面不顯示提交的內(nèi)容
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:指定輸入的最大字符數(shù)，默認(rèn)為無限制
6)checked:指定單選按鈕或者多選框是否被選中
5.密碼表單：type=“password”
6.單選按鈕：
語法：男
女
注意事項(xiàng)：name的值必須一樣，才能實(shí)現(xiàn)單選
7.復(fù)選框：
吃
玩
注意：checked為默認(rèn)選中。
8.下拉列表：
語法：

選項(xiàng)一
選項(xiàng)二

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

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

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

13.數(shù)字：


14.搜索：

二、表單的高級應(yīng)用：
1.設(shè)置表單的隱藏域：

2.表單的禁用與只讀設(shè)置:
只讀：readonly
禁用：disabled
3.表單元素標(biāo)注：

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

---

358 ??

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。