textarea不能输入html标签，textarea无法输入文字

“textarea”里面输入“html标签”怎么按原样输出?

要让在 textarea 中输入的内容原格式输出有一下两种办法：使用 pre 标签是我最开始采用的办法，但是这种方法也有一定的缺陷，比如说我们在使用的编辑器的时候，换行、Tab、空格都会影响到输出结果。

录入以后再使用textarea编辑时与最初录入时不一致，还是说想要把标签解析后显示呢？如果是前一种情况，通常可以用后端脚本将HTML敏感字符转换为HTML实体字符。

输入内容之后，html会自动给你生成一个div，那么你按了回车之后输入的内容都会放到这块div中。

相关问答

Q1: jquery中使用html给textarea赋值,再使用val获取时候,html代码就无效了...

1、jquery中使用.val()，取不到值，是设置错误造成的，解决方法如下：首先新建一个HTML文档，指定input元素的ID，如下图所示。然后编写JS脚本，根据ID选择元素，如下图所示。

2、首先，创建一个新的HTML文档，并指定 input元素的ID，如下图所示，然后进入下一步。其次，完成上述步骤后，编写一个JS脚本，并根据ID选择元素，代码如下图所示，然后进入下一步。

3、jQuery的.val()方法是专门用来获取表单元素值的，而textarea也属于表单元素所以可以直接用.val()方法获取。

4、script language=javascript var textobj=document.getElementById(questionBankName)；textobj.innerHTML=textobj.name；/script 如果是想取得 textarea/textarea中间的值，直接使用 textobj.innerHTML 即可。

5、在IE下，不管用val()或text()赋值，后续的读取都正常；在Firefox下，使用val()指定的值，画面上会出现，但是用text()或是透过html()检视时却是字串。

Q2: textarea里可以解析html标签吗

不可以，它只会直接代码在框里面显示。希望我的回答可以帮到你，有什么不懂可以追问。

textarea是一个纯文本框，不是超文本窗口，只能显示文本信息，不支持显示文本的字体大小、颜色、图片等内容，从这个意义上说是不支持HTML的。

textarea 中不能显示 html 内容。你只需要把一个div加上contenteditable=true属性，它里面的内容就可以编辑了，并且可以显示HTML内容。

录入以后再使用textarea编辑时与最初录入时不一致，还是说想要把标签解析后显示呢？如果是前一种情况，通常可以用后端脚本将HTML敏感字符转换为HTML实体字符。

Q3: textarea怎么禁止输入

1、在HTML中有2个属性是控制textarea是否可输入 disabled 属性 该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；readonly属性 该规定文本区为只读。

2、onselectstart 这个东东在Firefox/Opera下不生效，而且不被input和textarea标签支持。

3、用overflow：hidden来隐藏一个div和textarea等宽，每次teatarea触发input事件时，把值赋给这个div，记得\n要转换为br，然后计算div的高度除以行高就可以了。

4、这个要自己写方法来控制了。给 textarea 追加监听事件，监听 KeyUp事件，在事件里面判断文本的长度，如果超过希望的长度，截去指定长度以外的文本，再赋值给 textarea 。

5、需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：textarea style=resize：none/textarea。

Q4: HTML中如何写代码实现:不能在textarea上面直接输入文字

两种方法：input type=text name=noedit size=20 disabled=disabled value=不可编辑，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。

fname value=联系人 onClick=if (this.value==联系人){this.value=}/ value=联系人 这个是设初始值为联系人 onClick=if (this.value==联系人){this.value=} 点击后，清空输入框。

既要保留textarea中用户输入的空格和回车，也要屏蔽掉html代码。

textarea不能输入html标签的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于textarea无法输入文字、textarea不能输入html标签的信息别忘了在本站进行查找喔。