在HTML脚本中输入文本值

Question

当在网页的输入文本标签中填充文本时，我去检查元素，并且输入的值为空，有没有办法使值在html脚本中输入。 插入测试后的输入html脚本如下所示

<input name="test" type="text" maxlength="255" value="">

我希望它像

<input name="test" type="text" maxlength="255" value="test">

这可能吗？

Answer 1

value的值是在页面加载上呈现的内容 - 浏览器解释在表单提交上实际写入的内容。

你为什么要这样做？ Javascript还可以读取当前值（不需要在HTML中）

Answer 2

要将输入值的更改反映到HTML，您必须设置输入的value属性。像这样：

$('#test').change(function () {
    $(this).attr('value', this.value);
});

另请注意，jQuery .html()会返回innerHTML的 html ，因此您可以修改字符串以开始和结束html代码（或使用vanilla JS outerHTML）。

A live demo at jsFiddle

Answer 3

删除输入标记中的值只需使用此

<input name="test" type="text" maxlength="255">

当您在网页中插入值时，它会自动添加值。