一.表單的基本語法:
二.表單元素格式
type 指定元素的型別。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,預設為 text
name 指定表單元素的名稱
value 元素的初始值。type 為 radio時必須指定乙個值
size 指定表單元素的初始寬度。當 type 為 text 或 password時,表單元素的大小以字元為單位。對於其他型別,寬度以畫素為單位
maxlength type為text 或 password 時,輸入的最大字元數
checked type為radio或checkbox時,指定按鈕是否是被選中
1.text:文字框
注意:1.當type取值為text時為文字框,name屬性是必須的,其他幾個屬性並不是必須的,其他幾個屬性將根據表單需要而設定
2.password:密碼框
注意:1.當type取值為password時為密碼框,name屬性是必須的,其他屬性並不是必須的,實際開發中通常不設定value初始值。
3.radio:單選按鈕
注意:name值相同時只能選中乙個單選按鈕男女
注意:1.當type取值為radio時為單選按鈕,name和value屬性是必須的,其他屬性並不是必須的。
2.同一組單選按鈕,name屬性值必須相同,才能在選中單選按鈕時達到互斥
3.同一組單選按鈕只能有乙個預設的checked屬性
4:checkbox:核取方塊:都能選中
玩遊戲游泳
玩球注意:
1.當type取值為checkbox時為核取方塊,name和value屬性是必須的,其他屬性並不是必須的
2.同一組核取方塊,根據需要可設定name屬性值相同,也可不同
3.同一組核取方塊中允許有多個核取方塊有預設的checked屬性
5::select -- option:下拉列表
上海北京
注意:1.乙個中至少包含一下。
2.name和value屬性是必須的,其他屬性並不是必須的。
3.乙個列表框中只能有乙個列表項預設被選中。
6.按鈕:
button:普通按鈕
reset:重置按鈕:初始化表單資訊
submit:提交表單中輸入的資訊
image:影象按鈕:跟submit作用相同
7.檔案域:
注意:在表單中使用檔案域時,必須設定表單的「enctype」編碼屬性為「multipart/form-data」,表示將表單資料分為多部分提交
10.數字:提交時必須符合大於等於最小值小於等於最大值,且每次增長step的值
11.滑塊:提交時必須符合大於等於最小值小於等於最大值,且每次增長step的值
12.搜尋框
搜尋框:
13.隱藏域
隱藏域:
14.唯讀
唯讀:15.禁用
禁用:16.表單元素的標註
for的值跟定位文字框id的值保持一致
標註17.表單驗證:
1.為了減輕伺服器的壓力
2.保證資料的可行性和安全性
17.1.placeholder:
input型別的文字框提供一種提示(hint)
可以描述文字框期待使用者輸入何種內容
提示語預設顯示,當文字框中輸入內容時提示語消失
適合於input標籤:text、search、url、email和password等型別
17.2.required:
規定文字框填寫內容不能為空,否則不允許使用者提交表單
適合於input標籤:text、search、url、email、password、number、checkbox、radio、file等型別
17.3.pattern
使用者輸入的內容必須符合正規表示式所指的規則,否則就不能提交表單
表單提交獲取資料
前言 新增常見功能,需要新增一條資料對應pojo類的字段,因為通過 val 來取值實在有點麻煩,看上去也顯得臃腫,所以我們可以選擇用form表單提交 1.輸入框或者其他的表單元件的name都以pojo類的字段來命名,如下 2.提交按鈕應為input標籤,其中的type最好為 button ajax有...
關於表單提交的資料記錄
沒有enctype multipart form data 引數 加上form引數 多檔案表單 上面是一些表單資料的記錄。表單提交不論有沒有 enctype multipart form data 引數,表單只會提交那些擁有name屬性的input。表單提交的時候如果沒有使用 enctype mul...
form表單提交資料給後台
1.完整登入示例 1.form表單往後端提交資料注意三點 1.所有獲取使用者輸入標籤都應該放在form表單裡面 2.action屬性控制往哪兒提交,method一般都是設定成post 3.提交按鈕必須一定是type submit 4.input標籤必須有name屬性,形成鍵值對 2.get請求和po...