HTML 表單元素

1杂曲、<input> 元素
2弃理、<select> 元素

<select> 元素定義下拉列表
<option> 元素定義待選擇的選項(xiàng)想罕。列表通常會(huì)把首個(gè)選項(xiàng)顯示為被選選項(xiàng)缠诅∪茉。可以通過(guò) selected 屬性來(lái)定義預(yù)定義選項(xiàng)。

<html>

<body>
    <form action="action_page.php">
        <select name="cars">
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="fiat" selected>Fiat</option>
            <option value="audi">Audi</option>
        </select><br />
        <input type="submit">
    </form>
</body>

</html>
3管引、<textarea> 元素

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

<html>

<body>
    <textarea name="message" rows="10" cols="30">
        lsdkfjalsdkfjalsdfjalksjdflaksdjfklajs
    </textarea>
</body>

</html>
4士败、<button> 元素

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

<html>

<body>
    <button type="button" onclick="alert('Hello World!')">點(diǎn)我</button>
</body>

</html>
5褥伴、HTML5 表單元素

HTML5 增加了如下表單元素

  • <datalist>
  • <keygen>
  • <output>

<datalist> 元素為 <input> 元素規(guī)定預(yù)定義選項(xiàng)列表谅将。用戶會(huì)在他們輸入數(shù)據(jù)時(shí)看到預(yù)定義選項(xiàng)的下拉列表。<input> 元素的 list 屬性必須引用 <datalist> 元素的 id 屬性重慢。

<html>

<body>
    <form action="action_page.php">
        <input list="browsers" name="browser">
        <datalist id="browsers">
            <option value="Internet Explorer"></option>
            <option value="Firefox"></option>
            <option value="Chrome"></option>
            <option value="Opera"></option>
            <option value="Safari"></option>
        </datalist><br />
        <input type="submit">
    </form>
</body>

</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末饥臂,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子似踱,更是在濱河造成了極大的恐慌隅熙,老刑警劉巖稽煤,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異囚戚,居然都是意外死亡酵熙,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門驰坊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)匾二,“玉大人,你說(shuō)我怎么就攤上這事拳芙〔烀辏” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵舟扎,是天一觀的道長(zhǎng)分飞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)睹限,這世上最難降的妖魔是什么浸须? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮邦泄,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘裂垦。我一直安慰自己顺囊,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布蕉拢。 她就那樣靜靜地躺著特碳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪晕换。 梳的紋絲不亂的頭發(fā)上午乓,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音闸准,去河邊找鬼益愈。 笑死,一個(gè)胖子當(dāng)著我的面吹牛夷家,可吹牛的內(nèi)容都是我干的蒸其。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼库快,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼摸袁!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起义屏,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤靠汁,失蹤者是張志新(化名)和其女友劉穎蜂大,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蝶怔,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡奶浦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了添谊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片财喳。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖斩狱,靈堂內(nèi)的尸體忽然破棺而出耳高,到底是詐尸還是另有隱情,我是刑警寧澤所踊,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布泌枪,位于F島的核電站,受9級(jí)特大地震影響秕岛,放射性物質(zhì)發(fā)生泄漏碌燕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一继薛、第九天 我趴在偏房一處隱蔽的房頂上張望修壕。 院中可真熱鬧,春花似錦遏考、人聲如沸慈鸠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)青团。三九已至,卻和暖如春咖楣,著一層夾襖步出監(jiān)牢的瞬間督笆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工诱贿, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留娃肿,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓瘪松,卻偏偏與公主長(zhǎng)得像咸作,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宵睦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

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

  • 表單元素有哪些 表示了文檔中的一個(gè)區(qū)域记罚,這個(gè)區(qū)域中包含有交互控制元件,用來(lái)像web服務(wù)器提交信息 輸入文本框壳嚎,根據(jù)...
    夜月行者閱讀 2,311評(píng)論 3 2
  • 表單: 表單是什么桐智?--表單不是表格 用戶可以在其中提供一些數(shù)據(jù)或信息或選項(xiàng)的html元素末早。表單通常有...
    定格r閱讀 381評(píng)論 0 0
  • <form> 元素 元素定義 HTML 表單區(qū)間,而這個(gè)區(qū)間的數(shù)據(jù)將會(huì)被提交給后臺(tái)说庭。例子: 結(jié)果是form標(biāo)簽內(nèi)的...
    Aleph_Zheng閱讀 307評(píng)論 0 0
  • 本文介紹關(guān)于form表單的一些使用方法網(wǎng)站是如何與用戶進(jìn)行交互的然磷?使用HTML表單。表單用于搜集不同類型的用戶輸入...
    左冬的博客閱讀 1,341評(píng)論 1 3
  • PS蒙版使用教程刊驴,蒙版就是選框的外部(選框的內(nèi)部就是選區(qū))姿搜,在使用photoshop等軟件進(jìn)行圖形處理時(shí),我們常常...
    小太陽(yáng)會(huì)發(fā)光諾閱讀 466評(píng)論 0 1