基本控件1.-文本框,按钮

单行文本框

1.使用type属性值被设置为text的<input元素可以创建单行文本框，input标签是一个单标签

<input type="text">

2.value属性表示已经填好的值

<input type="text" value="123">

3.placeholder属性表示提示文本，将以浅色文字写在文本框中，并不是文本框中的值

<input type="text" placeholder="请输入姓名">

4.disabled属性表示用户不能与元素交互，即“锁死”，就是文本框里输入不了东西了

<input type="text" disabled>

单选按钮

1.使用type属性值被设置为radio的<input元素可以创建单选按钮

<input type="radio">

2.互斥的单选按钮应该设置它们的name为相同值（互斥的单选按钮就跟收音机按钮似的，一个按下去一个就上来了，想让它们成为互斥按钮就让它们的name值相同）

<p>
       性别:
       <input type="radio" name="sex">男
       <input type="radio" name="sex">女
</p>

3.单选按钮一定要有value属性值，向服务器提交的就是value值

<p>
        性别:
        <input type="radio" name="sex" value="男">男
        <input type="radio" name="sex" value="女">女
</p>

（value表示向服务器提交这个值，一定要把value写里头，这样表单向服务器提交数据的时候才能提交男这个字和女这个字）

4.单选按钮如果加上了checked属性值，表示默认被选中

  <input type="radio" name="sex" value="男" checked>男

表示这个男天生就被选中

lable标签解决点击字就能够选中按钮了

1.lable标签用来将文字和单选按钮进行绑定，用户单击文字的时候也视为点击了按钮

<lable>
	<input type="radio" name="sex">男
</lable>
<lable>
	<input type="radio" name="sex">女
</lable>

2.在HTML4时代，lable标签是通过for属性和单选按钮的id属性进行绑定的

<input type="radio" id="nan">男
<lable for="nan"></lable>
<input type="radio" id="nv">女
<lable for="nv"></lable>

复选框
1.使用type属性值被设置为checkbox的<input元素可以创建复选框

<input type="checkbox">

2.同组复选框应该设置它们的name为相同值（name值相同的为一组），也要有value属性