daily 第三天

复习

1.标签选择器

通过标签名

23

2.表单标签

我们经常看到各种登录注册，各种调查问卷都是依靠表单标签进行生成的

在写表单时，第一件事先把form标签写上

form表单域标签

通过form标签在html文档中创建一个表单区域，然后在该区域内（form标签的内部）写上各种表单标签，形成一个完整的表单

form属性

action   设置一个路径

method 设置传输方式，可设置的运输方式post（加密 安全性高 传输慢），get（不加密 安全性低 传输快）

input输入框标签（单标签）

input标签会根据它的type属性的值不同，而生成不同类型的输入框标签

name属性:跟该表单标签取名（服务后端）

id属性：                                 （服务js）

placeholder属性

1.type属性

值：

text  单行文本输入框

password 密码文本输入框

file：上传文件输入框

color： 拾色器

date：日期

time： 时间

checkbox                 ：复选框（复选组）复选框通过给每个单选标签设置相同的name属性值，完成复选编组  可以设置checked属性可以设置一个默认已经勾选的状态

radio                        ：单选框：单选框通过给每个单选标签设置相同的name属性值，完成单选编组    可以设置checked属性可以设置一个默认已经勾选的状态

submit                      ：发送按钮 当点击该按钮时，表单会把填写的数据按照form标签的action属性设置的路径发送过去

reset：重置按钮      ：当点击该按钮时， 会清空当前表单域内所有表单标签中已经填写的信息

image：图片按钮    ：需要使用src属性把图片引入，当点击该按钮时，当点击该按钮时，表单会把填写的数据按钮form标签的action属性设置的路径发送过去

button：自定义按钮：当点击该按钮时什么事都不会发生，一般我们会通过js给这个按钮绑定一个执行函数

Emil：电子邮箱输入框

2.button按钮标签

bottom标签用于生成一个按钮，

3.select下拉表单

select标签需要配合option来制作下来表单，标签结构类似于列表标签，

<select>
<option></option>
</select>

4.textarea多行文本输入框

<textarea></textarea>

5.label标签

该标签可以扩展表单标签的可激活操作的区域，一般我们会把这个标签用在输入标签的提示文字上

，通过for属性和表单上id的额属性值保持一致从而可以达到延展该表单标签的激活区域

6.value

value属性非常重要，所有的表格中用户输入或选择的信息数据都会成为value属性的值，然后当表单被提交发送后，表单会把所有表单项中的value属性值作为表单所收集到的用户输入数据发送出去

1.

2.

一列中的单元格长度根据最长的那个来决定