HTML Select 設置多選下拉框
HTML Select 元素可以設置下拉框,當然也可以設置多選下拉框。多選下拉框以一組選項的形式出現,允許用戶選擇其中的多個選項。
HTML Select 元素設置多選下拉框的方法為在 select 標簽中添加 multiple 屬性。
<select name="options" multiple>
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
<option value="4">選項4</option>
</select>
可以看出,多選下拉框和普通的下拉框大同小異,只是在 select 標簽中添加了 multiple 屬性。
用戶如何選擇多個選項?可以按住 Ctrl(Windows 或 Linux)或 Command(macOS)鍵,然后單擊所選選項。
使用多選下拉框時有一個需要注意的點是,在提交數據時,選擇的多個選項的 value 值會以逗號分隔的形式傳遞給服務器。
以上就是 HTML Select 設置多選下拉框的方法,希望對大家有所幫助!
下一篇css 首頁查詢