持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情
-
一个表单包括三部分：表单域，表单控件和提示信息
-
表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器
-
表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等
-
-
<form>标签是一个功能性标签，填写的表单信息要想正确的提交到后台服务器，必须放在一个<form>标签之内 -
<input >标签中的单行文本输入框text使用value属性可以添加提示文字；password属性会把输入遮盖；单选框radio，一般成组出现，多个单选框组成一组选择的情况，同一组单选框之间必须是互斥关系，通过给同一组单选框都设置相同的name属性值实现；复选框checkbox，允许用户在有限数量的选项中选择零个或多个选项，同一组复选框最好也设置相同的name属性；默认选中设置：单选框和复选框都可以提前设置默认选中项，<input>标签有一个checked属性，如果不设置表示默认没有选中，如果属性值设置为“checked”，表示该项默认被选中 -
按钮上面的文字，需要写在value中；file文件上传属性，定义文件上传按钮，可以把文件上传到服务器，使用input的multiple属性，可以决定是否可以选择多个文件：
<input type=”file” multiple=”multiple”/> -
文本域
<textarea>是一个双标签，可以设置默认输入的文字，在双标签之间书写默认显示文字（即提示文字）-
<textarea>有两个标签属性，可以设置显示区域大小：-
rows：行，属性值是数字，数字是几表示文本框显示的最大行数，如果超过了行数，会被隐藏并且出现滚动条
-
cols：列，属性值是数字，数字是几，表示在出现滚动条之后，每一行显示的最大字节数（一个汉字按2字节计算）
-
-
-
下拉菜单至少需要两个标签完成结构：
-
<select>：选择，表示定义下拉菜单整体结构。属性：multiple=”multiple”;设置多选、size=”5”;显示5个元素可见-
<option>：选项，表示定义下拉菜单的每一项 -
两个标签都是双标签，文本级标签。关系：select>option，option可以有任意多项。使用
<option selected=”selected”>可以设置默认选中项
-
-
分组管理：下拉菜单如果选项变得复杂，可以将
<option>进行分组管理。可以使用<optgroup>标签对选项进行分组，<optgroup>是一个双标签。关系：select>optgroup>option<optgroup>可以设置一个label属性，表示给这一组选项添加一个分组标签名，分组标签<optgroup>是不能被点击选择的
-
<label>标签的作用是帮表单元素定义标注（通俗来说，就是扩大选择范围，不一定非要点击框，点击文字也可以选择）。如果将表单控件与提示内容使用进行绑定后，当用户鼠标点击内的提示内容时，浏览器就会自动将焦点转到和标签相关的表单控件上- 绑定方法一：
-
给表单元素设置id属性
-
然后将需要绑定的其他内容用
<label>标签包裹 -
给
<label>标签设置for属性，属性值为绑定的表单元素的id属性值
-
- 绑定方法二：如果绑定内容和表单元素写在一起，可以化简绑定写法，直接用
<label>标签将绑定内容与表单元素一起进行嵌套
- 绑定方法一：
-
字符实体：在普通文字书写时，有一些特殊符合不能直接书写（例如连续的空格），或者符号具有特殊功能也不能直接书写（例如<>符号）
