javascript - 表单输入显示图像而不是文本值

标签 javascript php jquery html

我有一个用于更新网站上添加内容的表单,我正在使用现有添加内容填充输入值,但表单存在问题,它显示添加图像而不是文本值。

我需要通过替换输入字段中的链接值来更新添加链接。

输入字段的值为

<input name="addtop" type="text" value="<a href="http://www.xxyy.com/4g...." target="_blank"  <img src="http://www.xxyy.com/h4...."/></a>" />

当我尝试加载页面时,它在输入字段中显示图像而不是文本:

<a href="http://www.xxyy.com/4g...." target="_blank"  <img src="http://www.xxyy.com/h4...."/> ></a>`

请了解如何进行输入以显示值链接而不是图像。

最佳答案

您应该使用 htmlspecialchars 无论设置 value=其中<input type="text">盒子。

它将获取图像标签和 HTML,并将它们呈现为 HTML 实体,并将其安全地放置在该文本框中。

然后当你想处理它的内容时,只需使用 html_entity_decode 解码 HTML 实体。

更新:您第一次尝试修复此问题(如评论中所示)是这样的:

<input name="addtop" type="text" value="htmlspecialchars(<?php echo $addtop?>)" />

这是不正确的。 htmlspecialchars 是一个PHP函数。所以你需要把它放在 <?php … ?> 中区域。应该是:

<input name="addtop" type="text" value="<?php echo htmlspecialchars($addtop)?>" />

关于javascript - 表单输入显示图像而不是文本值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24113957/

相关文章:

javascript - 带有下划线滑动链接的滚动页面菜单处于事件状态

php - 如何使用php删除目录中的旧文件

javascript - 背景动画在 JQuery 1.4.1 中不起作用

javascript - 如何从客户端向服务器端接收值

javascript - Looker 自定义可视化

javascript - 按钮内的 div 不响应高度

PHP 401 状态返回 -1

php echo exit() 和可选字段

javascript - 这是在 Javascript/Jquery(带动画)中预加载图像的正确方法吗?

javascript - 如果带大括号的条件在 jQuery 中无法正常工作