在 HTML 中,我們可以使用 select 標簽設置下拉框,但有時候需要讓用戶選擇多個選項,該怎么辦呢?這就需要用到設置多選的方法了。
<select multiple> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> </select>
代碼中的 multiple 屬性就是設置多選的關鍵字。當用戶在該下拉框中進行選擇時,按住 shift 鍵或者 ctrl 鍵可以進行多選操作。在提交表單時,多選的選項會以數組的形式傳遞給后端。
除了 select 標簽,我們也可以使用 checkbox 和 radio 標簽來實現多選/單選的效果。
<input type="checkbox" name="option1" value="1"> 選項1 </input> <input type="checkbox" name="option2" value="2"> 選項2 </input> <input type="checkbox" name="option3" value="3"> 選項3 </input>
以上代碼可以展示多個 checkbox,用戶可以選擇其中的多項。注意,每個 checkbox 都需要有唯一的 name 屬性值。
<input type="radio" name="group1" value="1"> 選項1 </input> <input type="radio" name="group1" value="2"> 選項2 </input> <input type="radio" name="group1" value="3"> 選項3 </input>
以上代碼可以展示多個 radio,用戶只能選擇其中的一項。注意,每個 radio 都需要有相同的 name 屬性值。
以上就是關于 HTML 中設置多選的方法,如果您有其他問題或建議,歡迎在評論區留言。