HTML表單設(shè)計

1. 表單標(biāo)記

<form>...</form>俘种。表單提交時的內(nèi)容就是<form>表單中的內(nèi)容掂之。

  • 基本格式

    <form action="服務(wù)器端地址(接受表單內(nèi)容的地址)" name="表單名稱" method="post|get"> ...</form>

    • 常用屬性

      1. name (表單名稱)

      2. method(傳送數(shù)據(jù)的方式世澜,分為post和get)

        • get

          暴露在url中仇箱,不具備保密性蚌讼,長度限制為8192字符。

        • post

          將表單中的數(shù)據(jù)一并包含在表單主體中岔冀,一起傳送到服務(wù)器中處理凯旭,沒有大小限制。

      3. action

        表單數(shù)據(jù)的處理程序的url地址使套,如果為空則使用當(dāng)前文檔的url地址罐呼,如果不需要該屬性則指定為no

      4. enctype (編碼方式)

      5. ?target (指定目標(biāo)窗口)

2. 文本域和密碼

<input>標(biāo)記

  • 基本語法

      `<input type="" name="" value="" size="" maxlength="">`
    
    • 屬性介紹

      1. type

        type有兩個值:1.text(文本輸入域)和2.password(密碼輸入域)

      2. name

        控件的名稱

      3. value

        初始化值侦高,打開瀏覽器時嫉柴,文本框中的內(nèi)容。

      4. size

        控件長度

      5. maxlength

        最大輸入字?jǐn)?shù)

3. 提交奉呛、重置计螺、普通按鈕

  1. 提交按鈕 (<input type="submit">)
  2. 重置按鈕 (<input type="reset">)
  3. 普通按鈕 (<input type="button">)

4. 單選框和復(fù)選框

  • 當(dāng)<input type="radio">時夯尽,為單選框
  • 當(dāng)<input type="checkbox">時,為復(fù)選框

注意: 單選框和復(fù)選框都可以使用"checked"屬性來設(shè)置默認(rèn)選中項登馒。

5. 隱藏域

當(dāng)<input type="hidden">時匙握,為隱藏表單域。

6. 多行文本域

  • 語法格式:

    <textarea name="name" rows="value" cols="value" value="value">... ...</textarea>

  • rows屬性和cols屬性分別來指定顯示的行數(shù)和列數(shù)谊娇,單位是字符個數(shù)肺孤。

7. 菜單下拉列表域

  • 語法格式:

    <select name="name" size="value" multiple>
    <option value="value" selected>選項1</option>
    <option value="value">選項2</option>
    <option value="value">選項3</option>
    ...
    </select>
    
  • option標(biāo)記

    用來標(biāo)記用來指定列表中的一個選項,需要放在<select></select>之間济欢。

    1. value

      給選項賦值赠堵,指定傳送到服務(wù)器上面的值

    2. selected

      指定默認(rèn)的選項。(單選情況下沒有時法褥,默認(rèn)選中第一個)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末茫叭,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子半等,更是在濱河造成了極大的恐慌揍愁,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杀饵,死亡現(xiàn)場離奇詭異莽囤,居然都是意外死亡,警方通過查閱死者的電腦和手機切距,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門朽缎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谜悟,你說我怎么就攤上這事话肖。” “怎么了葡幸?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵最筒,是天一觀的道長。 經(jīng)常有香客問我蔚叨,道長床蜘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任蔑水,我火速辦了婚禮悄泥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘肤粱。我一直安慰自己,他們只是感情好厨相,可當(dāng)我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布领曼。 她就那樣靜靜地躺著鸥鹉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪庶骄。 梳的紋絲不亂的頭發(fā)上毁渗,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天,我揣著相機與錄音单刁,去河邊找鬼灸异。 笑死子姜,一個胖子當(dāng)著我的面吹牛泌辫,可吹牛的內(nèi)容都是我干的祭埂。 我是一名探鬼主播卡儒,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼缀磕!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起廷没,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎狭归,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體疚宇,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年举哟,在試婚紗的時候發(fā)現(xiàn)自己被綠了敢艰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片钠导。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡扼睬,死狀恐怖窗宇,靈堂內(nèi)的尸體忽然破棺而出军俊,到底是詐尸還是另有隱情粪躬,我是刑警寧澤提前,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響孙援,放射性物質(zhì)發(fā)生泄漏害淤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一拓售、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧镶奉,春花似錦础淤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至建峭,卻和暖如春玻侥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背亿蒸。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工凑兰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人边锁。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓姑食,卻偏偏與公主長得像,于是被迫代替她去往敵國和親茅坛。 傳聞我的和親對象是個殘疾皇子音半,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,947評論 2 355

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

  • ??JavaScript 最初的一個應(yīng)用曹鸠,就是分擔(dān)服務(wù)器處理表單的責(zé)任,打破處處依賴服務(wù)器的局面斥铺。 ??盡管目前的...
    霜天曉閱讀 668評論 0 3
  • 表單表單是用來提交資料彻桃、意見,規(guī)范流程執(zhí)行過程的格式仅父。在網(wǎng)頁中主要負責(zé)數(shù)據(jù)采集功能叛薯。表單標(biāo)簽:這里面包含了處理表單...
    思思有禮閱讀 794評論 0 0
  • 這個序可能會有些長 先作個自我介紹省容,我是一名交互設(shè)計師抖拴,90后。我并不怎么喜歡編輯文章或?qū)扅c什么,就是因為懶阿宅,所以...
    IxDKN閱讀 11,064評論 16 160
  • 什么是FORM表單: 表單是用來提交資料候衍、意見,規(guī)范流程執(zhí)行過程的格式洒放。表單在網(wǎng)頁中主要負責(zé)數(shù)據(jù)采集功能蛉鹿。一個表單...
    PYFang閱讀 1,131評論 0 0
  • 主講/ 邊義 大家晚上好,今天繼續(xù)由我為大家講解修辭手法往湿。 第三節(jié) 通感和博喻 一妖异、通感 通感修辭格又叫移覺,...
    舞蝶兒閱讀 2,102評論 0 4