如何利用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禁止文本输入(控制输入)


基础教程推荐
猜你喜欢
- js实现广告漂浮效果的小例子 2024-01-23
- vue搭建项目出现白屏是什么原因 2025-01-14
- 关于CSS Tooltips(鼠标经过时显示)的效果 2023-12-29
- 基于Ajax技术实现文件上传带进度条 2023-01-20
- Win10预览版16299.461更新内容汇总 2024-02-08
- 只出现一次的提示信息(js+cookies) 2024-02-12
- 如何用VUE和Canvas实现雷霆战机打字类小游戏 2024-01-23
- 详细介绍HTTP状态码不同之处的原因(什么原因导致的) 2025-01-16
- Express 框架中使用 EJS 模板引擎并结合 silly-datetime 库进行日期格式化的实现方法 原创 2023-07-09
- 微信小程序实现指定显示行数多余文字去掉用省略号代替 2024-02-04