表单和表格

 创建表单关键字: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:代表表格的底部

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值