文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > html教程 > 正文

关于使用Textarea的注意事项_HTML/Xhtml_网页制作

php中文网
发布： 2016-05-16 16:38:36
原创
1772人浏览过

为什么要特别提textarea？因为其实textarea这个节点很特殊。而因为这个节点特殊，所以在IE和其它浏览器下，对它的解释不一样。

卖一下关子，哈哈！其实主要原因是今天帮一个师兄修一个BUG，具体是因为从服务器拉数据下来插进textarea的时候失败，这个情况只在IE出现。其它浏览器一切正常！

首先，为什么textarea特殊？在所有的表单插件里面，textarea的值是写在两个开闭标签之间的，所以它的值在DOM的角度可以看作是文本节点，这是textarea特有的。也正因为这个特性，所以当你修改它的innerHTML的值时你仍然可以改变textarea的文本，而IE虽然支持这样做，却不允许一件事：动态插入一些html标签。

你不妨做一个实验：

在IE下通过JS插入一段HTML代码，用的是innerHTML属性而不是value或者innerText。

IE9+我是没有去测试，但是IE6、7、8都会报错。

估计是出于安全的原因，所以才不允许JS动态插入html进textarea，但细心的人可以发现，其实如果你手动键入html代码的话，textarea是可以接受的。我想其实这经历了这样一个过程：字符转义。对的，这是唯一能够解释手动输入html代码成功的原因了。

所以，在我看来，既然那么多的浏览器的textarea都不支持html的显示，为何JS操作的时候还要用innerHTML属性呢？也就是说无论你用value插入html代码还是用innerHTML插入html代码，它都不会解析后显示（所以才会有富文本编辑器代替textarea），那么为什么不用value去设置textarea的值呢？

所以我认为，设置textarea的值不应该通过innerHTML（当然更不可能是innerText，因为firefox的原因），而要通过value去设置。这一点是开发人员要注意的。因为最近看的一些童鞋的代码老喜欢用innerHTML。其实我认为这都是要分场合的。

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：通过CSS样式实现的html背景色渐变效果 _HTML/Xhtml_网页制作 下一篇：form表单中什么隐藏属性可以随表单提交_HTML/Xhtml_网页制作
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
怎样在HTML中实现瀑布流布局 实现瀑布流布局需要HTML、CSS和JavaScript。1.HTML使用包裹内容。2.CSS设置多列布局。3.JavaScript动态调整项目位置，添加到最短列中，并可使用Masonry.js或Isotope.js优化性能。
2025-06-12 22:15:01
445
html中如何添加背景音乐？背景音乐设置教程 要在网页中实现背景音乐自动播放，可使用HTML5的标签，并通过设置autoplay和loop属性实现自动循环播放。但需注意浏览器限制及用户体验问题。具体方法如下：1.使用标签嵌入音频并设置autoplayloop；2.为避免浏览器阻止自动播放，可先静音播放并通过按钮解除静音；3.提供多种音频格式提升兼容性；4.建议提供声音开关控制以提升用户体验。尽管实现简单，但应谨慎使用背景音乐，尤其在信息类或正式网站中更应以用户为中心考虑是否启用该功能。
2025-06-12 22:03:01
584
HTML属性怎么用？标签属性设置规范与实例解析 HTML属性以属性名="属性值"的形式写在开始标签中，用于提供元素的额外信息并修改其行为或外观。1.属性名不区分大小写，但建议使用小写以提高可读性。2.属性值通常用双引号括起，若无空格或特殊字符也可省略。3.常见属性包括id、class、style、src、href、alt、title、width、height、disabled和required等，分别用于标识元素、应用样式、指定资源路径、提供替代文本、显示提示信息、控制尺寸、禁用表单元素及标记必填项。4.命名规范要求使用小写属性名，属性值建议
2025-06-12 21:42:01
685
html中如何插入表单？表单制作步骤详解 在HTML中插入表单的方法包括：1.使用标签定义表单结构并设置action和method属性；2.添加文本框、密码框、单选按钮、复选框、下拉选择框及提交按钮等控件；3.通过name属性确保数据提交，并根据需求设置enctype属性及提交方式；4.利用HTML5验证属性或JavaScript进行表单验证，以保证输入数据的正确性。
2025-06-12 21:27:01
321
html中如何设置列表样式？列表美化方法详解 在HTML中设置列表样式主要通过CSS实现，具体步骤包括：1.去除默认样式以统一基础风格；2.使用list-style调整项目符号类型、位置及图片；3.通过伪元素自定义更丰富的装饰样式；4.保持结构与样式的分离以便维护。掌握这些方法后，可以有效提升列表的美观性与用户体验。
2025-06-12 21:03:01
412
html中href的用法 超链接href的5种参数写法 href属性有五种参数写法：1.绝对URL，适用于外部网站链接；2.相对URL，适用于同一网站内链接；3.锚点链接，用于页面内导航；4.邮件链接，直接发送电子邮件；5.电话链接，适用于移动设备拨号。
2025-06-12 20:39:01
109
怎样在HTML里创建响应式网格布局 要在HTML中创建响应式网格布局，应使用CSSGrid或Flexbox。1)使用CSSGrid创建网格容器并定义列的自动填充和最小最大宽度。2)通过媒体查询调整小屏幕布局。3)注意浏览器兼容性和CSS复杂性，逐步增加布局复杂性，并使用预处理器管理CSS。
2025-06-12 20:03:01
800
html中如何首行空两格 段落首行缩进的4种实现方案 在HTML中实现段落首行空两格可以使用四种方法：1.CSS的text-indent属性（p{text-indent:2em;}），简洁通用但只影响首行；2.HTML的非断行空格（  内容），无需CSS但代码冗长；3.CSS的padding-left属性（p{padding-left:2em;}），可控制整个段落但可能影响布局；4.CSS的:first-line伪元素（p:first-line{text-indent:2em;}），精确但兼容性较差。
2025-06-12 19:39:01
329
html中文字居中的标签 居中标签center的替代方案 在HTML中，替代标签的方法有三种：1.使用CSS的text-align属性实现水平居中；2.结合line-height属性实现单行文字的垂直和水平居中；3.使用flexbox或grid布局实现多行文字的垂直和水平居中，这些方法更灵活且符合现代网页开发标准。
2025-06-12 19:27:01
453
html中hover怎么用 css悬停效果的4种实现方式 在HTML中使用CSS悬停效果可以通过:hover伪类实现。1.基本颜色变化：通过改变元素颜色，适用于按钮和链接。2.动画过渡效果：使用transition属性实现平滑过渡，提升用户体验。3.阴影效果：通过box-shadow属性添加阴影，增强元素立体感。4.复杂动画效果：使用@keyframes和animation属性实现复杂动画，如旋转和缩放。
2025-06-12 18:39:01
984
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部