阅读模式:

html中input的value内容双引号显示问题

查看:3299  回复:0  类型:  来源:php自学网  标签 html


        文本框中的双引号会冲突value=""中的双引号,导致内容展示不完整。

如内容:

{"username":"test","age":18}

显示结果:

input双引号不展示.png

需要对双引号部分进行编码才能正常展示。编码后浏览器会自动解释出来。

编码字符列表:

&:转换为&

":转换为"

':转换为成为 '

<:转换为&lt;

>:转换为&gt;

编码结果:

{&quot;username&quot;:&quot;test&quot;,&quot;age&quot;:18}

内容:<input type="text" value="{&quot;username&quot;:&quot;test&quot;,&quot;age&quot;:18}" />

input双引号展示.png

解决方式:

js编码内容:

str = '{"username":"test","age":18}';
str = str.replace(/&/g,"&amp;");
str = str.replace(/</g,"&lt;");
str = str.replace(/>/g,"&gt;");
str = str.replace(/\s/g,"&nbsp;");
str = str.replace(/\'/g,"&#39;");
str = str.replace(/\"/g,"&quot;");

php编码内容:

$str = '{"username":"test","age":18}';
$str = htmlspecialchars($str);
分享到:
0 0

发布评论:


登录:
  表情:
提交