javascript怎么禁止在文本框中输入？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript怎么禁止在文本框中输入？相关的知识，希望对你有一定的参考价值。
禁止输入任何字符。
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'/> 参考技术A 禁止输入的文本框，它的值应该是只可以被读取。
在文本框中readonly属性是控制其是否只被读取
所以应该给文本框添加readonly属性，使之的值也是readonly就可以了。 参考技术B 一般都是用js来实现禁止输入的，也可以直接设置为只读。看下面的例子就知道了。<html>
<head>
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 禁止文本框输入文字的四种常用方法 站长特效网欢迎您。</title>
</head>
<body>
<a href=" http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>
<!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，zzjs@msn.com,用.net打造靓站-->
<div>方法一：<input type="text" value="站长特效网" onclick="alert(this.value);" onfocus="this.blur()" /></div>
<div>方法二：<input type="text" value="站长特效网" onclick="alert(this.value);" readonly /> </div>
<div>方法三：<input type="text" value="站长特效网" onclick="alert(this.value);" disabled /> </div>
<div>方法四：<input type="text" value="站长特效网" disabled="disabled"/> </div>
<script type="text/javascript" src=" http://www.zzjs.net/ad/tc.js"></script>
</body>
</html> 参考技术C <input type="text" id="test" />
<script type="text/javascript">
var test=document.getElementById("test");
test.onkeypress=function()
return false;
</script> 参考技术D HTML就行了...<body><input type="text" readonly="readonly"></body>
如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？
如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？
如在文本框中输入红色 或者“red”等，然后点击提交按钮，在网页中区域内的文字就相对应的改变颜色。
谢过了！！
function changecl()
var cl = document.getElementById
("uname").value;
document.getElementById
("bgc").style.color = cl;
</script>
<body>
<b id="bgc" style="color:red">asd</b>
<input type="text" id="uname" value=""/>
<input type="button" value="确定" onclick="changecl()"/>
</body>
//楼主这个答案你先看着 应该对你有用的 参考技术A 方法：
给“文字”的HTML元素改变属性。
比如，给<font>标签的color属性赋值，就是你说的文本框输入的值。
通用的方法是改变 style，比如 style="color:red;"
用 jQuery 是很容易的，只要一句话：
$('#textId').css('color', 'red');
不用框架也不难
document.getElementById("textId").setAttribute("style", "color:red;"); 参考技术B 建议使用Javascript的框架jQuery
在jQuery中这是很简单的事情
css style
.red-input
color:red;
.blue-input
color:blue
.....
.....
$("#提交按钮ID").click(function()
switch($("#文本框ID").val())
case "red":$("#要更改颜色的ID").addClass("red-input");
case "blue" :.........
)
以上是关于javascript怎么禁止在文本框中输入？的主要内容，如果未能解决你的问题，请参考以下文章
javascript怎么输入第一个文本框中的数字按钮一下，从第二个文本框内输出代码实现
如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？