html 下拉式选单

今天要介绍下拉式选单,写法非常简单,直接来看程序码范例

        <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


<<:  Day28 Lab 2 - Object storage前端实作

>>:  DAY 16- DHKE、ECDH、ElGamal

HERE API Example - 使用 Platform Data Extension REST API 显示邮递区号图层

HERE Fleet Telematics Advanced 资料集是一种 REST API,可让您...

【第十八天 - Flutter Cloud Messaging(下)】

前言 今日的程序码 => GITHUB 路由器教学 => 【第三天 - Flutter ...

Day 22:贪婪演算法(2)

上一回写到大部分贪婪演算法并非永远正确,那哪些问题适合用它来解呢? 最佳子结构 贪婪演算法既是在过程...

DAY15:Toast显示讯息之实作

今天我们要来实作昨天所介绍到的几种提示讯息。 这是我们设置的activity_main的xml档,东...

Day-17 同步、非同步与事件循环

JavsScripe是一套非同步的、单执行绪(single-threaded)语言,任务与任务之间必...