您好！[請登陸] [免費注冊] [忘記密碼]
申請加盟    銷售熱線: 020-85421558 技術(shù)支持: 020-88140140

你要找的是:青海網(wǎng)站建設(shè)？中外商貿(mào)建站網(wǎng)為你提供服務(wù):最好的青海網(wǎng)站建設(shè) 青海網(wǎng)站建設(shè)公司，歡迎瀏覽:青海網(wǎng)站建設(shè)

青海網(wǎng)站建設(shè)

HTML表單標記教程(4):SELECT標記

假設(shè)現(xiàn)在要在表單中添加這樣一項內(nèi)容：瀏覽所在的城市。這里不說全國的城市，只說省會以上的城市就有幾十個。如果以上面講過的單選按鈕的形式，將這些城市全部羅列在網(wǎng)頁上，將是一件不堪設(shè)想的事情。于是在表單的對象中出現(xiàn)了菜單和列表。說到底，菜單和列表主要是為了節(jié)省網(wǎng)頁的空間而產(chǎn)生的。

菜單是一種最節(jié)省空間的方式，正常狀態(tài)下只能看到一個選項，單擊按鈕打開菜單后才能看到全部的選項。列表可以顯示一定數(shù)量的選項，如果超出了這個數(shù)量，會自動出現(xiàn)滾動條，瀏覽者可以通過拖動滾動條來觀看各選項。通過<select>和<option>標記可以設(shè)計頁面中的菜單和列表效果。

基本語法

01 <select name="name" size=value multiple>
02 <option value="value" selected>選項
03 <option value="value">選項
04 ……
05 </select>

語法解釋

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

菜單和列表標記 描述
name 菜單和列表的名稱
size 顯示的選項數(shù)目
multiple 列表中的項目多選
value 選項值
selected 默認選項

文件范例:11-16.htm

在頁面中插入菜單和列表。
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 請選擇你喜歡的音樂：<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 請選擇你居住的城市：<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行定義了列表顯示項目數(shù)量為4，并能夠多項選擇。第14行到第17行定義了選項，其中"搖滾樂"為默認選擇，第20行定義了默認的菜單數(shù)量，第21行到24行定義選項，其中"北京"為默認選擇。
備案系統(tǒng)認證 舉報不良網(wǎng)站 我們的支付方式 AAA級信用
廣州萬戶網(wǎng)絡(luò)信息科技有限公司　旗下網(wǎng)站建設(shè)品牌：中外商貿(mào) m.moderntrendboss.com 版權(quán)所有 ©2000-2019 All Rights Reserved
網(wǎng)站備案編號:粵ICP備15049595號 地址:廣州市番禺區(qū)大石街北聯(lián)圍仔工業(yè)路2號E座305
電話:020-85421558   傳真:020-88140140   郵編:510515
交換PR>=4的友情鏈接合作站，歡迎同行聯(lián)系鏈接QQ: