表单系列之input number总结

news/2024/7/1 2:53:15

clipboard.png

各浏览器表现

<input type="number" />

chrome
clipboard.png

除数字字符,只可输入e和.

IE
clipboard.png

除数字字符,其他字符均可输入,无报错

Firefox
clipboard.png

除数字字符,其他字符均可输入,但会报错

移除箭头

//谷歌去除箭头 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;
}//火狐去除箭头 
input[type="number"] {-moz-appearance: textfield;
}

maxlength无效

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

step/min/max

允许小数值

<input type="number" placeholder="1.0" step="0.01" min="0" max="10">

小知识点

<label for="ticketNum">Number of tickets you would like to buy:</label>
<input id="ticketNum" type="number" name="ticketNum" value="0">

clipboard.png

配合label for,点击label,就可让input获取焦点。


http://lihuaxi.xjx100.cn/news/236182.html

相关文章

Tensorflow源码解析5 -- 图的边 - Tensor

1 概述 前文两篇文章分别讲解了TensorFlow核心对象Graph&#xff0c;和Graph的节点Operation。Graph另外一大成员&#xff0c;即为其边Tensor。边用来表示计算的数据&#xff0c;它经过上游节点计算后得到&#xff0c;然后传递给下游节点进行运算。本文讲解Graph的边Tensor&…

在linux环境下重启oracle数据库,解决密码过期的问题

&#xff08;1&#xff09; 以oracle身份登录数据库&#xff0c;命令&#xff1a;su – oracle &#xff08;2&#xff09; 进入Sqlplus控制台&#xff0c;命令&#xff1a;sqlplus /nolog &#xff08;3&#xff09; 以系统管理员登录&#xff0c;命令&#xff1a;connect /as…

打开云服务器连不上网,云服务器怎么连接网络连接不上

traceroute(路由跟踪)通常&#xff0c;ping程序用于确定基本连接是否通&#xff0c;traceroute实用程序可用于确定目标打开终端&#xff0c;输入traceroute&#xff0c;点击回车即可可以检测主机和目标主机之间进行交互所经过的网关数量&#xff0c;由接受的数据包来得出结果。…

分布式事务中间件 Fescar—RM 模块源码解读

2019独角兽企业重金招聘Python工程师标准>>> 前言 在SOA、微服务架构流行的年代&#xff0c;许多复杂业务上需要支持多资源占用场景&#xff0c;而在分布式系统中因为某个资源不足而导致其它资源占用回滚的系统设计一直是个难点。我所在的团队也遇到了这个问题&…

【转】不分主副卡!全网通5.0时代到来

全网通在今天已经不是噱头了&#xff0c;它经历了有5年时间&#xff0c;从过去的全网通1.0到现在的全网通5.0&#xff0c;可以说有这长足的发展。今年&#xff0c;小米率先了支持全网通5.0的小米MIX 2S和红米Note5&#xff0c;可以双卡双待4G&#xff0c;一边打电话一边打游戏不…

c# 网站在服务器上第一次请求都需要耗时很久,最.net面试题目.doc

经典.net面试这些是C#ASP.NET数据库面试题&#xff0c;全部从网上收集而来&#xff0c;经整理而发表&#xff0c;希望给大家带来帮助&#xff0c;有错误的地方还请各位高手指出&#xff0c;在下倾听指教。1. 简述private、protected、public、internal 修饰符的访问权限。答. p…

记住这35个英文单词,你就可以在RPA界混了!

无论是想玩转RPA&#xff08;机器人流程自动化&#xff09;&#xff0c;还是有意了解、进入这项行业&#xff0c;只有先了解该领域的专有名词&#xff08;行业术语&#xff09;&#xff0c;才能为之后的活动提供更多的可能。UiBot现为您编译整理了这份机器人流程自动化术语表&a…

css select换行,css强制换行和超出隐藏实现单行和多行(代码实例)

本篇文章给大家带来的内容是关于css强制换行和超出隐藏实现单行和多行(代码实例)&#xff0c;有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对你有所帮助。通俗点的解释&#xff1a;word-break:break-all;只对英文起作用&#xff0c;以字母作为换行依…