列举input中的type属性及说明

本文详细介绍了HTML中input标签的type属性,包括不同类型的输入框,如text、password、email、url等,以及它们在网页表单中的应用场景和功能特点。
摘要由CSDN通过智能技术生成
一、input标签和它的type属性 
PS:input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。

二、总结 
1、text 一个单行文本框,默认属性值 
2、password 隐藏字符的密码框 
3、search 搜索框,在某些浏览器中输入内容会出现叉形标记 
4、submit、reset、button 依次是:提交按钮、重置按钮、普通按钮 
5、number、range 依次是:只能输入数值的框、只能输入在一个指定范围的数值框 
6、checkbox、radio 依次是:复选框,一组复选框(name属性值相同)用户可以勾选多个、单选按钮,一组单选按钮(name属性值相同)用户只可以选中一个 
7、image、color 依次是:图片按钮、颜色代码按钮 
8、email、tel、url 依次是:检测电子邮件、号码、网址的文本框 
9、hidden 生成一个隐藏控件 
10、file 生成一个上传控件 
11、获取各种日期、时间 data、month、time、week、datetime、datatime-local

三、详解 
1、type=”text” 
1.1)、list 指定为文本框提供建议值的 datalist 元素,其值为datalist 元素的 id 值 
1.2)、maxlength 设置文本最大字符长度 
1.3)、pattern 用于输入验证的正则表达式 
1.4)、placeholder 输入提示的文本,当用户输入内容时会自动消失 
1.5)、readonly 文本框处于只读状态 
1.6)、disabled 文本框处于禁用状态 
1.7)、size 设置文本框宽度 
1.8)、value 设置文本框初始值,会显示在文本框中,显示时优先级比placeholder高,表单提交时优先提交用户输入的内容,如果用户没有输
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值