如何让html禁止文本框输入

html禁止文本框输入，用到的工具：notepad++，代码以及输出效果如下：

代码部分。

<input type="text" name="name" readonly="readonly" />

说明：readonly="readonly"，文本框就不能输入了。

2.输出效果如下：

注意事项：readonly表示此域的值不可修改和输入，仅可与 type="text" 配合使用。

两种方法：1、<input type="text" name="noedit" size="20" disabled="disabled" value="不可编辑">，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。2、<input type="text" name="noedit" size="20" readonly="readonly" value="不可输入">，这种方法可让文本框不可输入，但服务端可以获取该文本框的值。是什么需求就怎么用吧。

要限制文本框输入HTML标签，可以通过js的replace方法来过滤标签，原理是通过正则表达式匹配到左尖括号和右尖括号然后替换成空格。这样我们输入的HTML标签就给人为去掉了，提交后也不会对服务器造成不良的影响。

<input value="<b>test</b><script>alert(1)</script>" onchange="setContent(this.value)" />

<script>

function setContent(str) {

str = str.replace(/<\/?[^>]*>/g,'') //去除HTML tag

str.value = str.replace(/[ | ]*\n/g,'\n') //去除行尾空白

alert(str)

return str

}

</script>

---