###### tags: `HTML&CSS` # label與input的應用 ## 增加input的點擊範圍 - 將label的for屬性設定為input的id，使兩者關聯 - 點擊文字時效果跟點擊輸入框一樣 ```html= <label for="name">Name:<input type="text" id="name"></label> ``` ## radio的單選效果 - 將不同radio的name屬性設定為相同名稱，可以產生單選效果 ```html= <input type="radio" name="status" value="married">已婚<input type="radio" name="status" value="unmarried">未婚 ```