其它标签

<label>

<label>标签是一个行内元素，提供控件的文字说明，帮助用户理解控件的目的。

<label for="user">用户名：</label>
<input type="text" name="user" id="user">

上面代码中，输入框前面会有文字说明“用户名：”。

<label>的一大优势是增加了控件的可用性。有些控件比较小（比如单选框），不容易点击，那么点击对应的<label>标签，也能选中该控件。点击<label>，就相当于控件本身的click事件。

<font style="background-color:#FADB14;"><label></font>的<font style="background-color:#FADB14;">for</font>属性关联相对应的控件，它的值是对应控件的<font style="background-color:#FADB14;">id</font>属性。所以，控件最好设置<font style="background-color:#FADB14;">id</font>属性。

控件也可以放在<label>之中，这时不需要for属性和id属性。

<label>用户名：
  <input type="text" name="user">
</label>

<label>的属性如下。

• for：关联控件的id属性。
• form：关联表单的id属性。设置了该属性后，<label>可以放置在页面的任何位置，否则只能放在<form>内部。

一个控件可以有多个关联的<label>标签。

<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<label for="username"><abbr title="required">*</abbr></label>

上面代码中，<input>有两个关联的<label>。

自行联系

coderwhy—-React中的非受控组件