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

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

如内容：

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

显示结果：

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

编码字符列表：

&：转换为&

"：转换为"

'：转换为成为 '

<：转换为&lt;

>：转换为&gt;

编码结果：

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

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

解决方式：

js编码内容：

str = '{"username":"test","age":18}';
str = str.replace(/&/g,"&");
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);