HTML是網頁開發中最為基礎的語言,而其中男女選項代碼是開發中比較常見也較為簡單的一個要素。
<select name="gender"> <option value="male">男</option> <option value="female">女</option> </select>
以上便是男女選項代碼的基本結構,其中<select>標簽代表選項列表,name屬性為表單提交時的參數值,<option>標簽代表具體選項,其中value屬性對應表單提交時的值,</option>為結束標簽。”
在實際開發中,還可以增加默認選項、選項分組、多選等功能,下面是一個更完整的代碼:
<select name="gender" multiple> <optgroup label="性別"> <option value="male" selected>男</option> <option value="female">女</option> </optgroup> <optgroup label="愛好"> <option value="sports">運動</option> <option value="reading">閱讀</option> <option value="cooking">烹飪</option> </optgroup> </select>
其中多選功能使用multiple屬性開啟,optgroup標簽表示分組,label屬性為分組名稱,selected屬性則為默認選項,運行效果如下: