表单常用总结

form
自带属性 action提交地址 method提交方式(有get和post两种方式)
get提交(输入的所有信息会在地址栏显示)
post提交(不会在地址栏显示)

单行文本输入框
文本框
用id和for建立关联(label的for值和input的id值
相同)
密码框
选择按钮(两个选择按钮有相同的name则只能选择其一)

placeholder 属性名 给输入框添加提示信息(value会提交服务器;需要用户自己删除, placeholder不会提交;用户输入信息自动删除)
input::-webkit-input-placeholder{} 给input的提示信息更改样式

复选框

下拉列表

(选项组,不能选择)在select里面分组,用于提升用户体验 选项内容

普通按钮,一般要给键值对 按钮、由提交功能
提交按钮,默认显示提交,添加value属性可修改名称
重置按钮、点击重置页面信息(所有内容恢复默认值)

checked属性,选中当前标签,一般用于(单选、多选 )默认选项 = false=true 当属性名=属性值时checked

禁用
disabled属性,禁用输入框,不可提交服务器
readonly属性,禁用输入框,只读,可提交服务器

可用于css 选择后样式 input:checked{ }

selected属性,选中当前标签,一般用于下拉列表作为默认选项

日期 ,可选择日期
颜色,点击会调用系统颜色板
上传文件
体重

多行文本输入框 cols:每行可输入字数 rows多少列
现目前浏览器大多支持用户可横向扩展textarea

required 属性 必填项,加入此属性,若input中无值,则浏览器会弹出提醒,且不能提交
maxlength属性 最大输入长度

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值