html中input标签的type属性有哪些(input表单标签用法详解)

html中input系列标签的基本介绍,使用场景的介绍:在网页中显示收集用户信息的表单效果,如:登录页,注册页。那html中input标签的type属性有哪些?input表单标签用法详解来了。







input标签的使用


文本框: 
文本框: 
密码框:
单选框:男 女 复选框:2 3 文件域: 
隐藏域:
普通按钮: 提交按钮: 重置按钮:
日期框:

表单演示

提交按钮:
文本框:重置按钮:

代码演示结果:

input表单标签属性如下:

type 这是input标签元素的类型,改变type的相关值,得到不同的元素

type="text" 表示文本框 readonly 文本框的只读模式,用户无法填写

maxlength="" 输入数据最大量,大于设置的数量则不会被写入

password 密码框

radio 单选框 利用同一个name属性值,标记为一组,这样选择一个另一个就不会被选择

checkbox 复选框

file 上传文件

hidden 隐藏上传的数据

button 普通按钮

submit 提交按钮 结合表单使用,否则无效果

reset 重置按钮 重置按钮,只能重置写入的数据,不能重置默认值

版权声明:
作者:Joker 链接:https://456787.xyz/archives/10515
文章版权归作者所有,转载请注明出处。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>