这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战
3.input输入表单元素
（1）<input/>标签为单标签
（2）type 属性设置不同的属性值用来指定不同的控件类型（可以是文本 字段、复选框、掩码后的文本控件、单选按钮、按钮等）。
（3）<input>表单元素
type 属性的属性值及其描述如下：
除 type 属性外，标签还有其他很多属性，其常用属性如下：
1）name 和value 是每个表单元素都有的属性值,主要给后台人员使用
如果 有些表单元素想刚打开页面就默认显示几个文字，可以给这些表单元素设置 value 属性=“值（输入想显示的文字）”
2）name 表单元素的名字, 要求单选按钮和复选框要有相同的name值.
3）checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
4）maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用（可文本框和密码框用）
5）hidden 属性规定对元素进行隐藏，隐藏的元素不会被显示。如果使用该属性，则会隐藏元素。
可以对 hidden 属性进行设置，使用户在满足某些条件时才能看到某个元素（比如选中复选框，等等）。然后，可使用 JavaScript 来删除 hidden 属性，使该元素变得可见。
6）range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
代码示例：
<body>
<form action="demo-form.php" method="get">
Points: <input type="range" name="points" min="1" max="10">
<input type="submit">
</form>
<p><b>注意:</b> Internet Explorer 9 及更早 IE 版本不支持 type="range"。</p>
</body>
运行结果：
提交后结果：
对的，上面是提交后结果截图
4.<label>标签
<label>标签为 input 元素定义标注（标签）。 <label> 标签用于绑定一个表单元素, 当点击 标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验。
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
注意：标签的 for 属性应当与相关元素的 id 属性相同。
5.在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用<select>标签控件定义下拉列表。
注意：
(1)<select>中至少包含一对<option>，即<option>一个选项</option>。
(2)在<option>中定义 selected =“ selected " 时，当前项即为默认选中项。
6.<textarea>表单元素
使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。
<textarea rows="3" cols="20">
文本内容
</textarea>
7.input 输入表单元素 select 下拉表单元素 textarea 文本域表单元素，这三组表单元素都应该包含在form表单域里面,并且有 name 属性.
<form>
<input type=“text" name=“username”>
<select name=“jiguan”>
<option>北京</option>
</select>
<textarea name= "message"></textarea>
</form>
8.两个可以查阅文档的网址
W3C : www.w3school.com.cn/
MDN: developer.mozilla.org/zh-CN
剩余的内容请转csdn查看 blog.csdn.net/weixin_5902…
