表單(from)表格

<form action="模擬后臺服務器">
<!-- fieldset跟分組差不多-->
<fieldset>
    <!-- legend組名-->
    <legend>用戶信息</legend>
    用戶名<input type="text" name="username" placeholder="用戶名">
    <br>
    密碼 <input type="password" name="pwd">
    <br>
    <!-- 性別-->
    <!-- checked=checked設置默認值-->
    性別 <input type="radio" name="male">男
    <input type="radio" name="female" checked="checked">女
</fieldset>

<br>
愛好 <input type="checkbox" name="habby" value="blq">玻璃球
     <input type="checkbox" name="habby" value="lq">籃球
     <input type="checkbox" name="habby" value="tq" checked="checked">臺球
<br>
你喜歡的明星
<!-- multiple=multiple可多選-->
<select name="start">
    <!-- optgroup分組-->
    <!-- lable指定組名-->
    <optgroup label="女明星">
        <option value="zly">趙麗穎</option>
    </optgroup>
    <optgroup label="男明星">
        <!-- selected=selected設置默認值-->
        <option value="fsf" selected="selected">馮紹峰</option>
    </optgroup>
</select>
<br>
<!-- textarea多行文本域-->
自我介紹 <textarea name="info"></textarea>
<br>
<br>
<!-- 按鈕-->
<input type="submit" value="注冊">
<!-- 重置 恢復默認樣式-->
<input type="reset">
<input type="button" value="按鈕">
<br>
<br>
<button>提交</button>

1.fieldset

    和grounp分組差不多

2.legend

    指定fieldest的組名<fieldset>組名</fieldset>

3.action

    連接后臺服務器<from action="模擬后臺服務器">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

4.placeholder

    提示符 placeholder="用戶名"

5.radio

    只能選一個,比如性別type="radio"

6.checked

    設置默認值 checked=checked

7.multiple

    可多選 multiple=multiple

8.select

    下拉列表<select></select>

9.optgroup

    分組<optgroup></optgroup>

10.label

    指定組名 在optgroup里面設置

11.option

    在下拉列表中設置下拉列表項

12.textarea

    多行文本域

13.submit

    默認是提交按鈕

14.reset

    重置 恢復默認樣式

15.button

    一個單純的按鈕 用value設置值 比input標簽更靈活器净。
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末当凡,一起剝皮案震驚了整個濱河市纠俭,隨后出現(xiàn)的幾起案子浪慌,更是在濱河造成了極大的恐慌,老刑警劉巖钓简,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件妖碉,死亡現(xiàn)場離奇詭異芥被,居然都是意外死亡,警方通過查閱死者的電腦和手機冗茸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門匹中,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人挂绰,你說我怎么就攤上這事服赎。” “怎么了重虑?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長缺厉。 經(jīng)常有香客問我,道長命爬,這世上最難降的妖魔是什么辐脖? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任揖曾,我火速辦了婚禮亥啦,結果婚禮上练链,老公的妹妹穿的比我還像新娘翔脱。我一直安慰自己媒鼓,他們只是感情好,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布疚沐。 她就那樣靜靜地躺著潮模,像睡著了一般。 火紅的嫁衣襯著肌膚如雪究流。 梳的紋絲不亂的頭發(fā)上动遭,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天厘惦,我揣著相機與錄音偷仿,去河邊找鬼宵蕉。 笑死,一個胖子當著我的面吹牛形入,可吹牛的內容都是我干的缝左。 我是一名探鬼主播,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蛇数,長吁一口氣:“原來是場噩夢啊……” “哼是越!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤馏予,失蹤者是張志新(化名)和其女友劉穎盔性,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蛹尝,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡悉尾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年构眯,在試婚紗的時候發(fā)現(xiàn)自己被綠了愕难。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸵赖。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡它褪,死狀恐怖翘悉,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情妖混,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布抬旺,位于F島的核電站祥楣,受9級特大地震影響,放射性物質發(fā)生泄漏误褪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一历葛、第九天 我趴在偏房一處隱蔽的房頂上張望嘀略。 院中可真熱鬧乓诽,春花似錦咒程、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至扛伍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鳖宾,已是汗流浹背逆航。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留拇惋,地道東北人抹剩。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像胡嘿,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子衷敌,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內容

  • HTML表單HTML表單用于搜集用戶輸入HTML表單常用屬性及說明:屬性描述accept-charset規(guī)定在被提...
    Lv_0閱讀 474評論 0 1
  • form簡介 是HTML中的一個元素逢享,它表示文檔中的一個區(qū)域吴藻,這個區(qū)域包含了交互控件,用于向web服務器提交信息侧但。...
    七里之境閱讀 1,328評論 0 1
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡信息傳遞的載體禀横。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,898評論 0 0
  • H5增強的表單 form元素及屬性 form元素 用來定義一個表單柏锄,是建立表單的基礎元素,(就類似定義表格的tab...
    Zd_silent閱讀 874評論 0 2
  • 大多數(shù)的導航都是通過鏈接來進行的缭嫡,我們可以通過編程的方式來修改通過鏈接來導航抬闷,比如我們可以提交表單或者點擊按鈕等等...
    LU7IN閱讀 300評論 0 0