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

教程Tag：暫無Tag,歡迎添加,賺取U幣!

假設(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è)面中的菜單和列表效果。

基本語(yǔ)法: 01 <select name="name" size=value multiple>; 02 <option value="value" selected>選項(xiàng); 03 <option value="value">選項(xiàng); 04 ……; 05 </select>

語(yǔ)法解釋

這些屬性的含義如下表所示

菜單和列表標(biāo)記	描述
name	菜單和列表的名稱
size	顯示的選項(xiàng)數(shù)目
multiple	列表中的項(xiàng)目多選
value	選項(xiàng)值
selected	默認(rèn)選項(xiàng)

文件范例:11-16.htm

在頁(yè)面中插入菜單和列表。
01 
02 
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>