如何利用html5语法禁止input文本输入,或者控制文字输入?下面编程教程网小编给大家详细介绍一下具体实现代码!
1、input禁止文本输入
//readonly
<input type="text" value="" readonly="readonly">
//disabled
<input type="text" value="" disabled="disabled">
//maxlength
<input type="text" value="" maxlength="0">
//onfocus
<input type="text" value="" onfocus="this.blur();">
2、input只允许输入数字
<input class="inputs" type="number" placeholder="请输入11位数字" oninput="if(value.length>11)value=value.slice(0,11)" />
<input type="text" placeholder="请输入您的手机号" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11">
3、input只允许输入中文
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
以上是编程学习网小编为您介绍的“html5如何input禁止文本输入(控制输入)”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:html5如何input禁止文本输入(控制输入)
基础教程推荐
猜你喜欢
- 关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结 2022-10-17
- threejs后期处理的基本使用方法之加特效 2023-12-15
- 如何提示用户打开Cookie? 2024-02-10
- Unicode中的数学符号小结 2022-09-21
- web标准常见问题集合4 2022-11-06
- 如何解决Ajax的content-download时间过慢问题 2023-02-14
- jQuery实现可高亮显示的二级CSS菜单效果 2024-01-08
- CSS图片翻转菜单 2022-10-16
- JS的Form表单转JSON格式的操作代码 2023-07-10
- 使用React.forwardRef传递泛型参数 2023-07-09
