表單:提交資料
一.表單的基本語法:
二.表單元素格式
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
使用者輸入的內容必須符合正規表示式所指的規則,否則就不能提交表單
CIP表單解析
表頭 顯示名稱,明細表 實際的控制項或者資料域的型別拖拽填入進去 表尾 表示資料域的型別,或者實際的控制項 集團管理員 第三方應用介面用於業務流程整合做準備,可以設定介面獲取連線 業務流程整合主要用於表單內容獲取 如果第三方介面只需要返回乙個狀態和表單的乙個值,我們可以直接配置第三方介面,然後把相應...
網頁表單中文亂碼入門解析
在所有的瀏覽器裡,除了ie 低版本的瀏覽器,典型代表 ie6 瀏覽器,在傳送的url裡面,path部分和引數部分都是以utf 8編碼,這樣在網頁中指定伺服器端接受的編碼格式 以utf 8為例 就可以正確的解碼,目前大多數的web伺服器都是預設以utf 8來解碼。但在ie瀏覽器裡,path 部分以ut...
form表單提交中文亂碼的詳細解析
摘要 中文亂碼主要是根據 get,post請求的不同,處理方式沒選對引起的,當然也有小可能是tomcat的版本不同引起的 form表單提交中文亂碼問題 首先 get,和 post 的區別 1 get 請求的請求引數附在位址列的url之後,post請求是通過http post 機制將表單各個字段及其內...