国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

用Css來制作一個更漂亮一些的多選列表框

2024-07-11 08:20:41
字體:
來源:轉載
供稿:網友

我認為多選列表具有完美的功能——只需按下Ctrl鍵,同時點擊鼠標從列表中選擇多個項目。以下是一個典型的多選列表框:

 

上面那個列表框的代碼如下:

<form method="get" action="">

<b>Check your favorite fast food:</b><br/>

<SELECT MULTIPLE SIZE=5 name="favorites">

<OPTION VALUE="McDonalds">McDonald's</option>

<OPTION VALUE="BurgerKing">Burger King</option>

<OPTION VALUE="Wendys">Wendy's</option>

<OPTION VALUE="JackInTheBox">Jack in the Box</option>

<OPTION VALUE="KFC">KFC</option>

<OPTION VALUE="TacoBell">Taco Bell</option>

</SELECT>

<br/><input type="submit" value="Choose">

</form>

事實上,即使你在頁面中添加了用法說明,仍然有用戶不知道如何使用多選列表框。另外,給每個項目增加額外的標題確實會有幫助,但用一個普通的多選列表框能否達到那個目的,我還不能確定。

不過,我確實清楚知道,用一些CSS和一小段JavaScript,你就能生成一個更漂亮一點的多選列表框,并且還可以建立一個等同于普通多選列表框的URL。那樣,你就不用修改處理列表框的后端代碼——而只需要美化前端即可。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 商丘市| 九江市| 紫阳县| 华安县| 保德县| 中超| 乐山市| 邢台县| 台南县| 马鞍山市| 巴林右旗| 昌乐县| 临颍县| 裕民县| 西峡县| 台南县| 上思县| 通许县| 南充市| 马边| 名山县| 牡丹江市| 博湖县| 新民市| 宣武区| 蚌埠市| 永州市| 孟村| 务川| 古蔺县| 桑植县| 同仁县| 富顺县| 长沙市| 鹤峰县| 通化市| 道真| 磐石市| 鄂州市| 永济市| 嫩江县|