表单的进阶

1、在单选项、多选项默认选中的属性checked,可以缩写成checked,不写值,表示设置选中

2、上传文件的表单file

3、关于需要与后端互动的表单,如提交、上传,建议放在form标签里

4、submit表单默认是提交按钮,也可以通过image表单提交页面数据,区别在于样式不同,image可以用src属性设置提交按钮样式

5、表单属性禁用disabled,表示表单不可操作,只读readonly,表示只能读,可以选定复制等,也不可以操作,两个都可以跟checked一样简写;

6、下拉表单select的属性size表示默认显示几个,属性multiple表示可以多选,没有值
option标签的属性value表示将选项传给后端,selected表示默认选中,也可以简写

7、input中的text是单行显示,有另一个标签textarea是多行,有cols、rows设置行、列,这个不常用,一般是用css设置宽高;
属性placeholder表示预置文本;
textarea标签是可以拉伸,通过css的resize属性设置:vertical垂直拉伸、horizontal水平拉伸、both、none

8、字段集fieldset:是一种无关盒子的边框
在fieldset里面设置legend标签,表示在边框左上角部分做个缺口
在fieldset也可以设置表单等标签
fieldset、legend可以用css设置边框、宽高等,legend还可以设置文本位置、定位等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值