html中input标签的type属性有哪些(input表单标签用法详解)
html中input系列标签的基本介绍,使用场景的介绍:在网页中显示收集用户信息的表单效果,如:登录页,注册页。那html中input标签的type属性有哪些?input表单标签用法详解来了。
input标签的使用 文本框:
文本框:
密码框:
单选框:男 女 复选框:1 2 3 文件域:
隐藏域:
普通按钮: 提交按钮: 重置按钮:
日期框:
表单演示
代码演示结果:
input表单标签属性如下:
type 这是input标签元素的类型,改变type的相关值,得到不同的元素
type="text" 表示文本框 readonly 文本框的只读模式,用户无法填写
maxlength="" 输入数据最大量,大于设置的数量则不会被写入
password 密码框
radio 单选框 利用同一个name属性值,标记为一组,这样选择一个另一个就不会被选择
checkbox 复选框
file 上传文件
hidden 隐藏上传的数据
button 普通按钮
submit 提交按钮 结合表单使用,否则无效果
reset 重置按钮 重置按钮,只能重置写入的数据,不能重置默认值
THE END
二维码
打赏
共有 0 条评论