亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

HTML表單標(biāo)記教程(4):

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2008-10-17 18:57:24   作者:佚名   我要評(píng)論
假設(shè)現(xiàn)在要在表單中添加這樣一項(xiàng)內(nèi)容:瀏覽所在的城市。這里不說全國(guó)的城市,只說省會(huì)以上的城市就有幾十個(gè)。如果以上面講過的單選按鈕的形式,將這些城市全部羅列在網(wǎng)頁(yè)上,將是一件不堪設(shè)想的事情。于是在表單的對(duì)象中出現(xiàn)了菜單和列表。說到底,菜單和列表主要是為了節(jié)省

假設(shè)現(xiàn)在要在表單中添加這樣一項(xiàng)內(nèi)容:瀏覽所在的城市。這里不說全國(guó)的城市,只說省會(huì)以上的城市就有幾十個(gè)。如果以上面講過的單選按鈕的形式,將這些城市全部羅列在網(wǎng)頁(yè)上,將是一件不堪設(shè)想的事情。于是在表單的對(duì)象中出現(xiàn)了菜單和列表。說到底,菜單和列表主要是為了節(jié)省網(wǎng)頁(yè)的空間而產(chǎn)生的。
菜單是一種最節(jié)省空間的方式,正常狀態(tài)下只能看到一個(gè)選項(xiàng),單擊按鈕打開菜單后才能看到全部的選項(xiàng)。列表可以顯示一定數(shù)量的選項(xiàng),如果超出了這個(gè)數(shù)量,會(huì)自動(dòng)出現(xiàn)滾動(dòng)條,瀏覽者可以通過拖動(dòng)滾動(dòng)條來觀看各選項(xiàng)。通過<select>和<option>標(biāo)記可以設(shè)計(jì)頁(yè)面中的菜單和列表效果。
基本語法 01 <select name="name" size=value multiple> 02 <option value="value" selected>選項(xiàng) 03 <option value="value">選項(xiàng) 04 …… 05 </select>
語法解釋
這些屬性的含義如下表所示 菜單和列表標(biāo)記 描述 name 菜單和列表的名稱 size 顯示的選項(xiàng)數(shù)目 multiple 列表中的項(xiàng)目多選 value 選項(xiàng)值 selected 默認(rèn)選項(xiàng) 文件范例:11-16.htm
在頁(yè)面中插入菜單和列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:11-16.htm -->
03 <!-- 文件說明:插入菜單和列表 -->
04 <!-- ------------------------------ -->
05 <title>
06 <head>
07 <title>插入菜單和列表</title>
08 </head>
09 <body>
10 <h1>用戶調(diào)查</h1>
11 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
12 請(qǐng)選擇你喜歡的音樂:<br>
13 <select name="music" size=4 multiple>
14 <option value="rock" Selected>搖滾樂
15 <option value="pop">流行樂
16 <option value="jazz">爵士樂
17 <option value="nation">民族樂
18 </select><br>
19 請(qǐng)選擇你居住的城市:<br>
20 <select name="city">
21 <option value="beijing" selected>北京
22 <option value="shanghai">上海
23 <option value="nanjing">南京
24 <option value="guangzhou">廣州
25 </select>

26 <input type="submit" name="submit" value="提交表單">
27 </Form>
28 </body>
29 </html> 文件說明
第13行定義了列表顯示項(xiàng)目數(shù)量為4,并能夠多項(xiàng)選擇。第14行到第17行定義了選項(xiàng),其中"搖滾樂"為默認(rèn)選擇,第20行定義了默認(rèn)的菜單數(shù)量,第21行到24行定義選項(xiàng),其中"北京"為默認(rèn)選擇。

相關(guān)文章

  • 詳解HTML5表單新增屬性

    本文主要對(duì)HTML5表單新增屬性進(jìn)行詳細(xì)介紹,并附上實(shí)例解析,簡(jiǎn)單易懂。需要的朋友一起來看下吧
    2016-12-21
  • HTML Form表單元素全面了解

    下面小編就為大家?guī)硪黄狧TML Form表單元素全面了解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-26
  • html5表單及新增的改良元素詳解

    下面小編就為大家?guī)硪黄猦tml5表單及新增的改良元素詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-07
  • HTML5新增的表單元素和屬性實(shí)例解析

    這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價(jià)值!需要的朋友可以參考下
    2014-07-07
  • HTML5 的新的表單元素(datalist/keygen/output)使用介紹

    HTML5 擁有若干涉及表單的元素和屬性,下面為大家介紹下新的表單元素datalist 元素、keygen 元素、output 元素以及它們的使用實(shí)例,感興趣的朋友可以參考下哈,希望對(duì)大家
    2013-07-19
  • HTML5之HTML元素?cái)U(kuò)展(下)—增強(qiáng)的Form表單元素值得關(guān)注

    在HTML5增強(qiáng)的元素中,最值得關(guān)注的就是表單元素;在HTML5中,表單已經(jīng)做了重大的修整,一些以前需要通過JavaScript編碼實(shí)現(xiàn)的功能現(xiàn)在無需編碼就可輕松實(shí)現(xiàn),感興趣的朋友可
    2013-01-31
  • HTML標(biāo)記語言——表單

    點(diǎn)擊這里返回網(wǎng)頁(yè)教學(xué)網(wǎng) HTML教程 欄目. 上文:標(biāo)記語言——引用 原文出處 chapter 5 表單 互動(dòng)性一直是互聯(lián)網(wǎng)的重點(diǎn),讓使用者與網(wǎng)站能夠交換信息
    2008-10-17
  • HTML表單標(biāo)記教程(2):

    本教程介紹FORM表單標(biāo)記的各種屬性在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用. <FORM>標(biāo)記的NAME屬性 基本語法 01 <Form name="Form_name"> 02 ……
    2008-10-17
  • 帶有圖片預(yù)覽功能的上傳表單的完整HTML

    帶有圖片預(yù)覽功能的上傳表單,完整的HTML代碼如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=
    2008-10-17
  • XHTML入門學(xué)習(xí)教程:表單標(biāo)簽

    表單是用戶提交信息的重要渠道。本節(jié)就將介紹表單的基礎(chǔ)知識(shí)。 表單標(biāo)簽<form> 表單以一個(gè)<form>標(biāo)簽開始。用戶注冊(cè)網(wǎng)站會(huì)員,投票等等都需要表單來實(shí)現(xiàn)
    2008-10-17

最新評(píng)論