HTML表單元素
表單
一、表單的語法:
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="
358 ↩︎