本文参与4月更文挑战, 打卡day4, 第四篇
6.表单
建议：一个input标签搭配一个label标签使用
form标签
<form>标签：表示HTML文档中的一个区域，这个区域可以包含一些交互控件来向Web服务器提交信息。
- 有一个
action属性，其属性值可以写成一个后端函数也可以写成一个其他页面的地址 - 其中通常包裹的是
input标签
input标签
- 书写
input标签时，一般还需要书写一个label标签来绑定它。【这个绑定是通过input的id属性和label的for属性进行的，控制这两个属性值相同即可】
有label时，鼠标点击label名或者input输入框都会触发输入的效果
<form>
<label for="username">用户名</label>
<input type="text" name="" id="username">
</form>
<!-- 可以实现下图效果 -->
input的name属性
书写name属性之后，当表单提交后，URL会出现以name属性值为名称的参数（URL中?后面的内容）
URL中参数格式都是xx1=xx2 其中xx1是参数的名称，xx2是参数的值
input的type属性对应很多属性值，以下列举一些，更多内容参考：input标签的type属性
- type=“text”会得到一个文本输入框
- type=“number”会得到一个数字输入框（不能输入字母或汉字，只能输入数字）
- type=“email”会得到一个邮箱地址输入框，当邮箱地址书写格式不正确时会有提示
- type=“password”会得到一个密码输入框，其中输入的内容会被隐藏为星号或其他符号
- type=“radio”会得到一个选择框（多选一，因为name是一样的）
其他属性
- input的maxlength：其属性值代表输入框中最大可输入的文本长度
- input的minlength：其属性值代表输入框中最小可要输入的文本长度（可以不填，但是填的话必须符合这个要求）
- input的required：值为空时当前input为必填项
- input的placeholder：当input框没有输入东西时显示的提示语
- form的action属性，设置为一个链接后，点击完提交会跳转到对应的地址
其他标签
<textarea>：一个大的文本输入框
- rows属性：初始行数
- cols属性：初始列数
<select>：选择框
- 内部嵌套标签option，每个option内部可以书写一种选项
- 想要默认为空，增加一个option位于第一个option位置，使其value为空即可
- 想要默认选择某一选项，给对应的option增加一个selected属性即可
