Hi,歡迎訪問前端老白
首先,在HTML的
<select> <option value="option1">選項1</option> <option value="option2">選項2</option> <option value="option3">選項3</option> </select>
接下來我們給下拉列表添加一個滾動條,當選項過多時,可以滾動列表,并顯示滾動條。
<style> select { overflow: auto; height: 100px; /* 設置下拉列表高度 */ } </style> <select> <option value="option1">選項1</option> <option value="option2">選項2</option> <option value="option3">選項3</option> <!-- 以下省略 --></select>
使用以上代碼,我們就可以在HTML中設置下拉條了。該代碼使得下拉列表超過設置的高度(100px)時,會出現滾動條,使得用戶可以方便地選擇選項。
老白網絡 (http://www.lofty888.cn/) 前端 后端 zblog主題.網站地圖xml