复习
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.
一列中的单元格长度根据最长的那个来决定