# 表单##

1.input按钮标签

标签名	type属性值	说明
input	submit	提交按钮，点击之后提交给数据至后端
input	reset	重置按钮，点击之后恢复表单默认值
input	button	普通按钮，默认无功能，之后配合js添加功能
input	text	输入文本
input	password	输入密码

其中：button值的value属性可添加按钮的名字

如果需要实现以上按钮功能，需要配合form标签使用

form标签使用方法：用form标签把表单标签一起包裹起来即可

另外，<form action="提交地址“>

属性名	说明
name	分组，有相同name属性的单选框分为一组，一组中同时只能有一个被选中
checked	默认选中

1.3.上传文件

type属性值：file

属性名	说明
multiple	多文件选择

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

  `密码：<input type="password" placeholder="请输入密码">`

  `年龄：<input type="radio" name="sex">男`

​     `<input type="radio" name="sex">女`

  `<input type="file" multiple>`

  `<input type="submit">`

  `<input type="reset">`

2.button标签

标签名	type属性值	说明(同上)
button	submit
button	reset
button	button

3.select下拉菜单标签

标签组成：

select:下拉菜单的整体

option:下拉菜单的每一项

常见属性：

selected:默认选中

4.textarea文本域标签

场景：在网页中提供可输入多行文本的表单控件

常见属性：

cols:规定了文本域内可见宽度

rows：规定了文本域内可见行数

注意点：右下角拖曳可以改变大小

实际开发时的样式效果使用CSS

5.label标签

使用方法①：

1.使用label标签把内容包裹起来

2.在表单标签上添加id属性

3.在label标签的for属性中设置对应的id属性值

使用方法②：

1.直接使用label标签把内容和表单标签一起包裹起来

2.需要把label标签的for属性删除即可

<input type="radio" name="sex" id="male" ><label for="male">男</label>
<label><input type="radio" name="sex">女</label>

6.语义化标签

1.没有语义的布局标签-div和span

div:一行只显示一个

span:一行可以显示多个

7.有语义的布局标签（了解）——手机端常用

标签名	语义
header	网页头部
nav	网页导航
footer	网页底部
aside	网页侧边栏
section	网页区块
article	网页文章

8.字符实体

空格：