HTML中的復選框是一種常見的用戶界面元素,它允許用戶在多個選項中選擇一個或多個選項。下面是一些關于如何設置HTML復選框的代碼和指南。
<form> <label> <input type="checkbox" name="option1" value="option1"> Option 1 </label> <br> <label> <input type="checkbox" name="option2" value="option2"> Option 2 </label> </form>
如上所示,可以使用<input>元素的type屬性來定義復選框。要設置選項的名稱和值,可以使用該元素的name和value屬性。要在標簽中包裝復選框,請使用<label>元素。 <br>元素用于在每個選項之間添加換行符。
一旦用戶選擇了復選框,就可以使用JavaScript或其他服務器端腳本來檢查并處理選擇。在JavaScript中,可以使用以下代碼來檢查是否選中了復選框:
var checkBox = document.getElementById("myCheckbox"); if (checkBox.checked) { // do something if checkbox is checked }
以上代碼使用了document對象的getElementById方法來獲取復選框元素,并使用checked屬性來檢查是否選中了該元素。
最后,要注意,HTML通過為每個選項設置不同的name屬性值來支持單選按鈕和復選框!