技術標籤：前端大二軟設問題集合html

4.單選/複選框中點選文字選擇該選項——軟設問題總結系列

為了提高使用者體驗，在單選/複選框中，點選文字選擇相應選項這一操作是必不可少的。

因為單選/複選框的操作都差不多，所以本文以單選框作為例子說明：

• 主要的標籤是<input>和<label>
• 重點在於<label>標籤的for屬性的值應該與<input>標籤的id屬性的值相等

程式碼如下：

    <input type="radio" name="sex" value="girl"
 
 id="sexgirl">
    <label for="sexgirl">女</label>
    <input type="radio" name="sex" value="boy" id="sexboy">
    <label for="sexboy">男</label>

效果圖如下：
綜上，其想要點選文字選擇選項，應該將<label>中for的值== <input>