HTML5中input输入框在移动端的使用

ChongTuWang
• 阅读 8077

移动端input的type类型

系统 IOS(10.3) Android(Vivo X6A)
email HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
url HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
number HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
range HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
date HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
month HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
week 不支持 HTML5中input输入框在移动端的使用
time HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
datetime HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
datetime-local HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
search HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
color 不支持 HTML5中input输入框在移动端的使用
tel HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用
text HTML5中input输入框在移动端的使用 HTML5中input输入框在移动端的使用

type为number时,maxlength不生效

当input输入框的type类型为number的时候,设置maxlength属性来限定输入的最大长度,发现,该属性没有正常限制最大输入长度。

<input type="number"  maxlength="6" />

上面代码中,长度可以无限输入。如果想实现最大输入长度为6,怎么解决呢?这个就要使用js来控制了。

<input type="number" oninput="if(value.length>6)value=value.slice(0,6)" />

通过给input输入框绑定oninput事件,就可以实现最大输入长度的限制了。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
3年前
java RSA算法的性能记录
环境JavaHotSpot(TM)64BitServerVM1.7.0\_05x86\_64加密<table<tr<td内容长度</td<tdkeySize</td<td耗时(微秒)</td</tr<tr<td32</td<td512</td<td87</td</tr<tr<td
红烧土豆泥 红烧土豆泥
4年前
Java的数值数据类型以及命名规范
一、Java中的数值数据类型<table<tbody<tr<tdwidth"75"valign"top"style"wordbreak:breakall;"<spanstyle"backgroundcolor:rgb(255,254,213);"类型名<br</span</td<tdwidth"299
Stella981 Stella981
3年前
Jira 使用手册
<tablestyle"width:100%;margin:200px0300px0;"<tr<thDate</th<thRevisionversion</th<thDescription</th<thauthor</th</tr<tr<td20180614</td<tdV1.0.0</td
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Stella981 Stella981
3年前
ELK学习笔记之配置logstash消费kafka多个topic并分别生成索引
0x00 filebeat配置多个topicfilebeat.prospectors:input_type:logencoding:GB2312fields_under_root:truefields:添加字段
Wesley13 Wesley13
3年前
Java 日期与时间
Java的日期Java没有内置的日期类,但可以导入java.time包,这个包中包含了许多类,可用于处理日期和时间。例如:<table<tbody<tr<thstyle"width:25%"Java类</th<thstyle"width:75%"描述</th</tr<tr<td<code
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这