iT邦幫忙

2021 iThome 鐵人賽

DAY 28
0
自我挑戰組

html與css粗淺新手入門教學系列 第 28

html 下拉式選單

  • 分享至 

  • xImage
  •  

今天要介紹下拉式選單,寫法非常簡單,直接來看程式碼範例

        <select>
            <option value="1">請選擇</option>
            <option value="2">選項一</option>
            <option value="3">選項二</option>
            <option value="4">選項三</option>
            <option value="5">選項四</option>
        </select>

網頁畫面如下
https://ithelp.ithome.com.tw/upload/images/20210928/20140086bpPH1S2fCO.jpg
如果希望預設選項不是第一個選項的話,可以在option內加上selected屬性

        <select>
            <option value="1">請選擇</option>
            <option value="2">選項一</option>
            <option value="3">選項二</option>
            <option value="4" selected="select">選項三</option>
            <option value="5">選項四</option>
        </select>

預設畫面如下
https://ithelp.ithome.com.tw/upload/images/20210928/20140086EqNjCxfyDN.jpg


上一篇
html 多選題
下一篇
html 音量拉桿
系列文
html與css粗淺新手入門教學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言