JS文本输入框禁止输入内容

方式一、

js禁止文本框输入用'disabled'限制。
//HTML代码
<input type="text" id="text001" value="123"/>

//jQuery代码
$(function(){
$('#text001').attr('disabled',true);
});
方式二、
要禁止输入其实可以不用js都可以做到
input有个属性readonly是用来设置文本框为只读的
只需要添加readonly='readonly'
就可以不让文本框输入文字了
例如<input type='text' readonly='readonly'/>

禁止输入的文本框，它的值应该是只可以被读取。
在文本框中readonly属性是控制其是否只被读取
所以应该给文本框添加readonly属性，使之的值也是readonly就可以了。

方式三、

<input type="text" id="test" />
<script type="text/javascript">
var test=document.getElementById("test");
test.οnkeypress=function(){
return false;
}
</script>

JS文本输入框禁止输入内容相关推荐

Flutter文本输入框TextField控制器TextEditingController，TextField预设内容，获取TextField中的输入内容，兼听TextField中的内容变化
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. github? 你可能需要百度同步 CSDN 网易云课堂教程掘金知乎 Flutter系列文章头条同步本文章首发于微信公众号( ...
qt designer文本输入框_Qt编写高仿苹果MAC电脑输入法（支持触摸滑动选词）
一.前言最近有个朋友找我定制一个输入法,需要高仿一个苹果MAC电脑的输入法,MAC操作系统的审美无疑是相当棒的,于是乎直接拿以前的输入法高仿了一个,由于之前有做过输入法这块的开发,而且改进了四年,各 ...
html获取文本框的值,如何获取输入框的内容
js如何获取input输入框中输入的值直接使用.value属性即可获取输入框的内容. 详细的步骤如下: 首先获取输入框对应的DOM元素,如: var bt=document.getElementBy ...
alert获取输入框内容_实用开源：Web 聊天工具的富文本输入框
最近折腾 Websocket,打算开发一个聊天室应用练练手.在应用开发的过程中发现可以插入 emoji ,粘贴图片的富文本输入框其实蕴含着许多有趣的知识,于是便打算记录下来和大家分享. 仓库地址:ch ...
html input标签显示放大镜,JS 仿支付宝input文本输入框放大组件的实例
input输入的时候可以在后边显示数字放大镜 JS 仿支付宝input文本输入框放大组件 * { margin: 0; padding: 0; border-width: 1px; } .parent ...
【100个 Unity踩坑小知识点】 | Unity中Text文本框和 InputField文本输入框内容换行问题
Unity 小科普老规矩,先介绍一下 Unity 的科普小知识: Unity是实时3D互动内容创作和运营平台 . 包括游戏开发.美术.建筑.汽车设计.影视在内的所有创作者,借助 Unity 将创意 ...
js文本内容显示6行，超出6行出现显示更多按钮，css样式超出行数只能使用...去替代
js处理文本内容显示6行,超出6行出现显示更多按钮,对于网上说的css样式处理,基本上都是超出6行使用-去处理,不符合需求,先看结果,再看需求:如下先看实现结果,如下图所示: 需求:产品经理提出详情 ...
java 文本框获取焦点,text在获取焦点时展示输入框原有内容
text在获取焦点时显示输入框原有内容想要这样一个效果:点击text获取焦点的时候,显示输入框原有内容. ------解决思路---------------------- 引用:那你在下面接一个di ...
vue.js表情文本输入框组件
文章目录参考链接效果图代码 emoji.json EmojiText.vue 使用参考链接 JS操作文本域获取光标/指定位置插入 vue.js支持表情输入 ttkwsd博客效果图代码不能 ...

JS文本输入框禁止输入内容

JS文本输入框禁止输入内容相关推荐

最新文章

热门文章