怎样限制文本框中不能输入HTML标签

html-css07

怎样限制文本框中不能输入HTML标签,第1张

要限制文本框输入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>

1、html标签，指的是网页中展示的html元素，比如div、ul、li

2、请不要输入html标签，意思是编辑器不支持输入源文件，那你就直接输入文字，插入图片等网页元素，插入元素之后，可以自动生成html源文件。

在给出一段HTML代码中分别使用js和jquery进行如下操作：

点击ID为add的元素在第一个div中的最后的P元素下面的div中增加以下html标签：<a>hello world!!!</a>.

Html代码：

<div>

<p>

欢迎来到居筑网！！！

</p>

<p>

<span>我们一起加油！</span>

<span>

<a id=”add”>添加</a>

</span>

</p>

<div>

<p>下面是增加的内容</p>

</div>

</p>

</div>