前端页面中input输入框的那点事儿

input不可复制或不可粘贴

<input type="text" oncopy="return false" onpaste="return false">

input输入框只能输入数字

在实际的项目中，有很多输入框，比如说年龄字段，身高字段等等，要求用户输入的是纯数字，直接上代码：

<input type="number" oncopy="return false" onpaste="return false" pattern="[0-9]*">

 利用input标签中的"pattern"属性，限制键盘输入，在移动端的效果就是直接调出的是数字键盘且不可切换其他键盘。

 

input数字输入框限制输入长度

当输入时对值进行截取，例如只能输入9位代码如下：

<input type="number" oninput="if(value.length>9)value=value.slice(0,9)" step="100" placeholder="请输入数字" class="form-control">

 

有时候无论你做的再好，限制再严格，有的人依然能利用一些方法“跳车”，所以最好还是通过表单验证防止用户的“跳车”行为