创建表单关键字:form
action:表单信息提交的地址
method:表单提交的方式;
可选值:post:将表单数据包含在表单体发送:更安全,所以常用与敏感数据的传送
get:将表单数据随着action提交的路径以?相隔的形式传输,不安全
autocomplete:设置表单内容是否可以自动填充
可选值:
on:默认值;可以自动填充
off:取消自动填充;
自动填充的前提条件:input要有name属性
target:设置跳转页面在哪个页面显示
可选值:_blank:在新页面展示
self:默认值,在原先页面显示
parent\_top?今天二选一总结一下效果
novalidate:设置表单不自动验证信息格式是否正确
input
type:设置类型的
常用的类型:text(文本输入框)、password(密码)、checkbox(复选框)、radio(单选框)、
button(普通的按钮)、submit(提交按钮)、reset(重置按钮)、file(文件)
新添加的类型:
date:设置日期 可以通过value设置初始日期,格式:1988-02-03
color:颜色设置
email:邮箱,提交表单时可以自动验证邮箱格式是否正确
button标签:
type:button(普通按钮)
submit(提交按钮)
reset(重置按钮)
总结一下:与input设置按钮,button设置更灵活
标签的属性
1.value:设置一个默认值
2.checked :设置默认选中
3.disabled:设置不可操作的内容
4.readonly:只读属性
5.placeholder:设置提示词,注意不要和value一起使用
6.required:设置一个必选项
7. minlength/ maxlength:设置文本长度的限制
8.multiple:设置上传文件可以是多个
定义表格标签:table
tr:代表着行 td:设置单元格:th:单元格表头
caption:标题
cellspacing:设置边框合并
cellpadding:设置内容离边框的距离
单元格里面内容居中:
水平方向:text-align:left/center/right;
垂直方向: vertical-align:top/middle/bottom
rowspan:合并纵向单元格
colspan:合并行向单元格:
合并单元格时注意点:合并时多余要删掉;
表格的结构标签会改变内容位置;书写位置无关、
thead:代表表格前面
tbody:代表表格主体
tfoot:代表表格的底部