表單元素form小結

2021-06-21 12:32:30 字數 636 閱讀 6404

表單作用:主要是提高乙個圖形使用者介面,用於採集和提交使用者輸入的資料。

元素:

常用屬性:method,必須,屬性值為post/get,預設為get,考慮安全性及中文編碼可靠性一般需設定為post;

action:表單提交的url,必選。

id/name:新的html標準提倡用唯一的id標識form,考慮相容性一般二者都同時設定。

事件:onsubmit:根據需要選擇是否提交,在js中驗證資料的正確性,減少和伺服器的互動次數。

元素:用type分類

1:輸入文字框,type="text"(預設設定,考慮jquery等擴充套件庫的使用,一般需手動宣告)

2:單選按鈕,type="radio",示例:男

3:複選按鈕,type="checkbox",注意屬性:checked,true時選擇,false不選中;

4:提交按鈕,type="submit",注意另外一種用法:

5:按鈕,type="button",必要屬性value

元素:多行文字框

屬性:cols每行的字元數,控制寬度,rows行數,可控制高度.

元素:下拉列表框

與元素一起使用,注意multiple屬性設定後可選擇多項,size屬性設定顯示多少項,selected設定選中項。

form表單元素

文字框 text 密碼框 password 文字域 textarea 單選框 radio 同一組單選按鈕的name取值一定要一致 核取方塊 checkbox 下拉列表框 選項 如果所有都沒有寫selected selected 則預設顯示第乙個的選項值 提交 submit value值是顯示在按鈕上...

jQuery獲取form表單元素的值

jquery如何 取得text,areatext,radio,checkbox,select的值,以及其他一些操作 假如我們有如下頁面 在此不寫出來了 下面來看怎麼取得form中的各種值等等 function get form value 3.另外對表單的其他處理 控制表單元素 文字框,文字區域 t...

jQuery獲取form表單元素的值

jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作 假如我們有如下頁面 下面來看怎麼取得form中的各種值等等 function get form value 3.另外對表單的其他處理 控制表單元素 文字框,文字區域 text id at...