国产探花免费观看_亚洲丰满少妇自慰呻吟_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。那樣,你就不用修改處理列表框的后端代碼——而只需要美化前端即可。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 崇明县| 化州市| 静宁县| 晋州市| 双桥区| 泽普县| 都匀市| 平潭县| 焉耆| 石景山区| 手游| 洞头县| 湘潭县| 神木县| 三江| 开化县| 江门市| 靖远县| 南昌县| 观塘区| 五大连池市| 永年县| 稻城县| 闽侯县| 朝阳区| 梅河口市| 芒康县| 博野县| 长乐市| 东台市| 滨州市| 广灵县| 高雄县| 聂拉木县| 廊坊市| 雷州市| 中西区| 天镇县| 横峰县| 阿克苏市| 石台县|