# How to make form element label clickable

It’s good accessibility have a large click area on form elements.

The label and field can be "linked" with by adding a `for` attribute to the
label, giving it the `id` of the form field:

```html
<input type="checkbox" id="example-checkbox" />
<label for="example-checkbox">Example checkbox</label>
```



 Example checkbox

Or wrap the `input` and the label text to the `label`.

```html
<label>
  <input type="checkbox" />
  Example checkbox
</label>
```

 Example checkbox

Same goes for all types of input fields.