1. 程式人生 > >HTML表單元素

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="

1\d{9}"

  1. 358 ↩︎