HTML 不太懂...怎么感觉前端知识点好多啊

表单控件

<input> 表单元素

属性:
 1. button 定义可点击的按钮
 2. checkbox 定义复选框
 3. file
 4. hidded
 5. image
 6. password
 7. radio 单选按钮
 8. reset
 9. submit 提交按钮,表单域中内容传递给后台
 10.text 输入字段 

<lable> 标签

用于绑定呀一个表单元素,当点击 <lable> 标签的文本时,浏览器会自定将焦点转到或者选择对应的表单元素上,用来增加用户体验
<lable for = "sex"> male</lable>
<input type = "radio" name = "sex" id = "sex"/>
核心: <lable> 标签的 for 属性应当与 相关元素的 id 属性相同

eg
<input> 中的id 和 <lable>中的for 要保持一致 
<input id = "nan" class ="ir" value ="m" type = "radio" name = "sex">
<lable class ="sex nan" for ="nan"> 男</label>

<input id = "nv" class ="ir" value ="f" type = "radio" name = "sex">
<lable class ="sex nv" for ="nv"> 女</label>

select 下拉表单元素

使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时.可以使用 <select> 标签控件定义下拉列表

<select>
	<option>选项1</option>
	<option>选项2</option>
	<option selected = "selected" >选项3</option>
</select>

备注: <select>中至少包含一对 <option>
在<option>中定义 selected = "selected" 时,当前项即为选中项

textarea 文本域元素

使用场景: 当用户输入内容较多的情况下,不能使用文本框表单了,要使用 <textarea> 标签,显示更多的内容
定义多行文本输入的控件
常见于留言,评论等
语法

cols 每行中的字符数
rows 显示的行数

<textarea rows ="3" cols ="20">
	文本内容
</textarea>