表格表单结构属性

表格
1.结构
table
caption表格题目
thead表头 th tr td
tbody表体不能省略 tr td
tfoot表尾 tr td
2.属性
table
width height text-align border-collapse color border
td
rowspan colspan width align
表单
1.结构
form
input
select
textarea
2.属性
(1)form
1.1action 后台接口地址
1.2method 请求方式 get/post
get 请求行 请求头 参数拼接在url后面,通过?分隔,保密性较差,传递参数小, 用于学生数据查询,或者通过id更改学生信息
post 请求行请求头请求体 参数放在请求体中,保密性较好,传递参数多,用于保存或更新学生信息学生信息,批量删除信息
1.3enctype编码方式
默认样式为application/x-www-form-urlencoded,传输方式为字符串格式
当附件在表单中的时候,编码方式改为multipart/form-data,用于视频等大数据类型的传送
(2)input
1.1type类型
text password radio checkbox submit file
1.2 name 作为字符串的key,不能省略
1.3 value 作为参数中的value,在按钮中必须使用
1.4placeholder 提示语
1.5checked 单值属性默认选址
1.6 h5 新增属性
emil data progress number
(3)select 下拉菜单
option 标签中的文本显示在网页中,提交的值应该是option的value值,当这个值没有设定的时候,提交的是标签中的文本
(4)textarea 多行文本域 placeholder提示语
3.第三方文本库
日期插件 地址选择器地址 附件上传 富文本

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值