---
# System prepended metadata

title: label與input的應用
tags: [HTML&CSS]

---

###### 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">未婚
```