表單

元素定義HTML表單

action屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作

method屬性規(guī)定在提交表單時(shí)所用的HTTP方法(GET或POST)

Name屬性:如果要正確地被提交,每個(gè)輸入字段必須設(shè)置一個(gè)name屬性

屬性描述

accept-charset規(guī)定在被提交表單中使用的字符集(默認(rèn):頁面字符集)。

action規(guī)定向何處提交表單的地址(URL)(提交頁面)褐捻。

autocomplete規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單(默認(rèn):開啟)昧狮。

enctype規(guī)定被提交數(shù)據(jù)的編碼(默認(rèn):url-encoded)。

method規(guī)定在提交表單時(shí)所用的 HTTP 方法(默認(rèn):GET)撒璧。

name規(guī)定識(shí)別表單的名稱(對(duì)于 DOM 使用:document.forms.name)硫椰。

novalidate規(guī)定瀏覽器不驗(yàn)證表單涉馁。

target規(guī)定 action 屬性中地址的目標(biāo)(默認(rèn):_self)糠悯。

<fieldset>元素組合表單中的相關(guān)數(shù)據(jù)

<legend>元素為<fieldset>元素定義標(biāo)題

<input>是最重要的表單元素

<input type="test">定義用于文本輸入的單行輸入字段

<input type="radio">定義單選按鈕

<input type="submit">定義用于向表單處理程序(form-handler)提交表單的按

<input type="password">定義密碼字段

<input type="checkbox">定義復(fù)選框

<input type="button">定義按鈕

<input type="number">用于應(yīng)該包含數(shù)字值的輸入字段

<input type="date">用于應(yīng)該包含日期的輸入字段,日期選擇器會(huì)出現(xiàn)輸入字段中

<input type="color">用于應(yīng)該包含顏色的輸入字段阅悍,顏色選擇器會(huì)出現(xiàn)輸入字段中

<input type="range">用于應(yīng)該包含一定范圍內(nèi)的輸入字段,輸入字段能夠顯示為滑塊控件

<input type="month">允許用戶選擇月份和年份寻行,日期選擇器會(huì)出現(xiàn)輸入字段中

<input type="week">允許用戶選擇周和年杆烁,日期選擇器會(huì)出現(xiàn)輸入字段中

<input type="time">允許用戶選擇時(shí)間(無時(shí)區(qū)),時(shí)間選擇器會(huì)出現(xiàn)輸入字段中

<input type="datetime">允許用戶選擇日期和時(shí)間(有時(shí)區(qū)),日期選擇器會(huì)出現(xiàn)輸入字段中

<input type="datetime-local">允許用戶選擇日期和時(shí)間(無時(shí)區(qū))绰播,日期選擇器會(huì)出現(xiàn)輸入字段中

<input type="email">用于應(yīng)該包含電子郵寄地址的輸入字段链蕊,能夠在被提交時(shí)對(duì)電子郵件地址進(jìn)行驗(yàn)證

<input type="seach">用于搜索字段(搜索字段的表現(xiàn)類似常規(guī)文本字段)

<input type="tel">用于應(yīng)該包含電話號(hào)碼的輸入字段

<input type="url">用于應(yīng)該包含URL地址的輸入字段

<input type="file">用于上傳文件

value屬性規(guī)定輸入字段的初始值

readonly屬性規(guī)定輸入字段為只讀(不能修改 不需要值)

disabled屬性規(guī)定輸入字段是禁用的(不需要值)

size屬性規(guī)定輸入字段的尺寸(以字符計(jì) 就是長(zhǎng)度)

maxlength屬性規(guī)定輸入字段允許的最大長(zhǎng)度

autocomplete屬性規(guī)定表單或輸入字段是否應(yīng)該自動(dòng)完成陪蜻,擋自動(dòng)完成開啟,瀏覽器會(huì)基于用戶之前的輸入值自動(dòng)填寫值

novalidate屬性屬于屬性症昏,如果設(shè)置蛾扇,則novalidate規(guī)定在提交表單時(shí)不對(duì)表單數(shù)據(jù)進(jìn)行驗(yàn)證

autofocus屬性時(shí)布爾值医寿,如果設(shè)置,則規(guī)定當(dāng)頁面加載時(shí)元素應(yīng)該自動(dòng)獲得焦點(diǎn)

form屬性規(guī)定元所屬的一個(gè)或多個(gè)表單花颗,

formaction屬性規(guī)定到提交表單時(shí)處理該輸入控件的文件的URL,覆蓋元素的action屬性棒呛,適用于type="submit"以及type="image"

formenctype屬性規(guī)定當(dāng)把表單數(shù)據(jù)(form-data)提交至服務(wù)器時(shí)對(duì)其進(jìn)行編碼(僅針對(duì)method="post"的表單),覆蓋元素的enctype屬性,適用于type="submit"以及type="image"

formmethod屬性定義用以向action URL發(fā)送表單數(shù)據(jù)(form-data)的HTTP方法,覆蓋元素的method屬性剩辟,適用于type="submit"以及type="image"

formnovalidate屬性是布爾屬性融欧,如果設(shè)置噪馏,則規(guī)定在提交表單時(shí)不對(duì)元素進(jìn)行驗(yàn)證拟赊,formnovalidate屬性覆蓋元素的novalidate屬性,formnovalidate屬性克用于type="submit"

formtarget屬性規(guī)定的名稱或關(guān)鍵詞指示提交表單后再何處顯接收到的響應(yīng),覆蓋元素的target屬性,formtarget屬性可與type="submit"和type="image"使用

height和width屬性規(guī)定元素的高度和寬度,僅用于

list屬性引用的元素包含了元素的預(yù)定義選項(xiàng)

min和max屬性規(guī)定元素的最小值和最大值,適用于如需輸入類型:number专缠、range墩弯、date、datetime、datetime-local区端、month酱塔、time以及week

multiple屬性是布爾屬性迁沫,如果設(shè)置挺智,則規(guī)定允許用戶在元素中輸入一個(gè)以上的值媒怯,適用于以下輸入類型:email和file

pattern屬性規(guī)定用于檢查元素值得正則表達(dá)式鳖敷,適用于以下輸入類型:text崖媚、search敢课、url瑰剃、tel歇竟、email唤锉、password

placeholder屬性規(guī)定用于描述輸入字段預(yù)期值的提示(樣本值或有關(guān)格式的簡(jiǎn)短描述)壁肋,該提示會(huì)在用戶輸入值之前顯示在輸入字段中,適用于以下輸入類型:text、search衡查、url拍埠、tel甲馋、email痊远、password

required屬性是布爾屬性,如果設(shè)置,則規(guī)定在提交表單之前必須填寫輸入字段明郭,適用于以下輸入類型:text亏推、search缠捌、url、tel、email虎谢、password迅办、date pickers洒忧、number庆尘、checkbox、radio几苍、file

step屬性規(guī)定元素的合法數(shù)學(xué)間隔

<select>元素(下拉列表)

<option>元素定義待選擇的選項(xiàng)

<textarea>元素定義多行輸入字段(文本域)

<button>元素定義可點(diǎn)擊的按鈕

<datalist>元素為元素規(guī)定預(yù)定義選項(xiàng)列表

<keygen>元素規(guī)定用于表單的密鑰對(duì)生成器字段惠勒,當(dāng)提交表單時(shí)爬坑,私鑰儲(chǔ)存在本地售担,公鑰發(fā)送到服務(wù)器

<output>元素定義不同類型的輸出哥攘,比如腳本的輸出

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末欣簇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子如贷,更是在濱河造成了極大的恐慌陷虎,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杠袱,死亡現(xiàn)場(chǎng)離奇詭異尚猿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)楣富,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門凿掂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人纹蝴,你說我怎么就攤上這事庄萎。” “怎么了塘安?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵糠涛,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我兼犯,道長(zhǎng)忍捡,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任切黔,我火速辦了婚禮砸脊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘绕娘。我一直安慰自己脓规,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布险领。 她就那樣靜靜地躺著侨舆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪绢陌。 梳的紋絲不亂的頭發(fā)上挨下,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音脐湾,去河邊找鬼臭笆。 笑死,一個(gè)胖子當(dāng)著我的面吹牛秤掌,可吹牛的內(nèi)容都是我干的愁铺。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼闻鉴,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼茵乱!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起孟岛,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤瓶竭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后渠羞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體斤贰,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年次询,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了荧恍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡屯吊,死狀恐怖送巡,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情雌芽,我是刑警寧澤授艰,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站世落,受9級(jí)特大地震影響淮腾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屉佳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一谷朝、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧武花,春花似錦圆凰、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挑童。三九已至,卻和暖如春跃须,著一層夾襖步出監(jiān)牢的瞬間站叼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工菇民, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留尽楔,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓第练,卻偏偏與公主長(zhǎng)得像阔馋,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子娇掏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 表單基礎(chǔ)知識(shí) 在HTML中呕寝,表單是由 元素來表示的,而在JS中驹碍,表單對(duì)應(yīng)的則是HTMLFormElement類型壁涎。...
    oWSQo閱讀 909評(píng)論 0 1
  • HTML表單 在HTML中,表單是 ... 之間元素的集合志秃,它們?cè)试S訪問者輸入文本怔球、選擇選項(xiàng)、操作對(duì)象等等浮还,然后將...
    蘭山小亭閱讀 3,417評(píng)論 2 14
  • 1.動(dòng)手 form 表單table 表格 2. <form>表單元素 1) 簡(jiǎn)述: 元素是塊級(jí)元素,其開始標(biāo)簽和結(jié)...
    _Dot912閱讀 2,021評(píng)論 2 8
  • HTML 表單用于搜集不同類型的用戶輸入竟坛。 1.<form> 元素:<form> 元素定義 HTML 表單 1.<...
    饑人谷_兔子君閱讀 333評(píng)論 0 0
  • form簡(jiǎn)介 是HTML中的一個(gè)元素,它表示文檔中的一個(gè)區(qū)域钧舌,這個(gè)區(qū)域包含了交互控件担汤,用于向web服務(wù)器提交信息。...
    七里之境閱讀 1,328評(píng)論 0 1