HTML表單的用法

HTML表單是一個包含表單元素的區(qū)域演训,用來收集用戶輸入的內(nèi)容并提交。
表單元素通常包括文本域(textarea)、單選框(radio-buttons)很魂、復(fù)選框(checkboxes)等。

form

表單使用標(biāo)簽<form>來設(shè)置
<form>的常用屬性
action :表單提交的地址檐涝,這個值可以被 <button> 或者 <input> 元素中的 formaction: 屬性重載(覆蓋)遏匆。
method:提交表單的方法,有g(shù)et和post兩種谁榜。

  • post: 指的是 HTTP POST 方法 ; 表單數(shù)據(jù)會包含在表單體內(nèi)然后發(fā)送給服務(wù)器.
  • get: 指的是 HTTP GET 方法; 表單數(shù)據(jù)會附加在 URI action 屬性中并以 '?' 作為分隔符, 然后這樣得到的 URI 再發(fā)送給服務(wù)器. 當(dāng)這樣做(數(shù)據(jù)暴露在URI里面)沒什么副作用幅聘,或者表單僅包含ASCII字符時,再使用這種方法吧窃植。
<form action="/getInfo" method="get">
</form>

input

用的最多是輸入標(biāo)簽input帝蒿,有類型屬性type來決定輸入類型。常見的輸入類型如下:

<input type="text">     單行文本輸入框
<input type="password">     密碼輸入框
<input type="checkbox">     多選框
<input type="radio">     單選框  通過name屬性值來進行分組
<input type="file">     可以讓用戶選擇文件巷怜。使用 accept 屬性可以定義控件可以選擇的文件類型葛超。
<input type="submit ">     用于提交表單的按鈕
<input type="number ">    用于輸入浮點數(shù)的控件
<input type="hidden ">     不顯示在頁面上的控件,但它的值會被提交到服務(wù)器
<input type="button ">     無缺省行為按鈕

除了input外還有一些其他的表單輸入元素

textarea

多行文本域

 <textarea rows="10" cols="30">
          我是多行文本輸入框
 </textarea>

select 延塑、option

下拉列表

 <select name="city">
        <option value="shanghai">上海</option>
        <option value="shenzhen">深圳</option>
        <option value="beijing">北京</option>
    </select>

label

這個標(biāo)簽主要是為input元素定義標(biāo)注(標(biāo)記)绣张。

    <label for="male">Male</label>
    <input type="radio" name="sex" value="male"><br />
    <label for="male">Female</label>
    <input type="radio" name="sex" value="female">
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市关带,隨后出現(xiàn)的幾起案子侥涵,更是在濱河造成了極大的恐慌,老刑警劉巖宋雏,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芜飘,死亡現(xiàn)場離奇詭異,居然都是意外死亡磨总,警方通過查閱死者的電腦和手機嗦明,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來舍败,“玉大人招狸,你說我怎么就攤上這事敬拓。” “怎么了裙戏?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵乘凸,是天一觀的道長。 經(jīng)常有香客問我累榜,道長营勤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任壹罚,我火速辦了婚禮葛作,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘猖凛。我一直安慰自己赂蠢,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布辨泳。 她就那樣靜靜地躺著虱岂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪菠红。 梳的紋絲不亂的頭發(fā)上第岖,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音试溯,去河邊找鬼蔑滓。 笑死,一個胖子當(dāng)著我的面吹牛遇绞,可吹牛的內(nèi)容都是我干的键袱。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼试读,長吁一口氣:“原來是場噩夢啊……” “哼杠纵!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起钩骇,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤比藻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后倘屹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體银亲,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年纽匙,在試婚紗的時候發(fā)現(xiàn)自己被綠了务蝠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡烛缔,死狀恐怖馏段,靈堂內(nèi)的尸體忽然破棺而出轩拨,到底是詐尸還是另有隱情,我是刑警寧澤院喜,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布亡蓉,位于F島的核電站,受9級特大地震影響喷舀,放射性物質(zhì)發(fā)生泄漏砍濒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一硫麻、第九天 我趴在偏房一處隱蔽的房頂上張望爸邢。 院中可真熱鬧,春花似錦拿愧、人聲如沸杠河。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽感猛。三九已至七扰,卻和暖如春奢赂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背颈走。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工膳灶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人立由。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓轧钓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親锐膜。 傳聞我的和親對象是個殘疾皇子毕箍,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

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

  • 1、關(guān)于form表單的基礎(chǔ) form表單:是一個包含表單元素的區(qū)域道盏;作用而柑,用于包裹表單元素。 表單元素:是允許用戶...
    tangmengyun閱讀 699評論 1 1
  • HTML 表單用于搜集不同類型的用戶輸入荷逞。用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)媒咳,從而實現(xiàn)用戶與Web服務(wù)器的交互。HTM...
    FLYSASA閱讀 417評論 0 0
  • 在 HTML 中种远,表單是由 標(biāo)記定界的區(qū)域涩澡,包含文本輸入框、按鈕坠敷、復(fù)選框和圖形用戶界面的其他功能部件妙同。Web ...
    萊昂納德剛閱讀 468評論 0 0
  • 一射富、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)粥帚,從而實現(xiàn)用戶...
    zx9426閱讀 411評論 0 1
  • 今天辉浦,我制定了我的一周計劃,分為四步茎辐。 制定目標(biāo)—啟動—跟進—回顧 我以10天結(jié)束56個單元英語單詞為目標(biāo)宪郊。 本來...
    地球的旅行者閱讀 315評論 0 5