在HTML中，我们经常需要使用input标签来向用户收集数据。但有时候，我们需要在input中预先设定一些内容，以便用户更好地理解并快速输入正确的信息。
<input type="text" value="预先设定内容">
上面的代码中，我们通过在input标签中加入value属性，来预先设定input中的内容。这时，用户在进入页面后，就会看到这个预先设定的内容。当用户输入新内容时，预设内容将被覆盖。
如果我们想要用户输入内容时，保留预先设定内容，以便用户更好的“参考”，我们可以使用placeholder属性。
<input type="text" placeholder="预先设定内容">
在上面的代码中，我们使用了placeholder属性，将预先设定的内容展示在input框内，而当用户开始输入内容时，预设内容自动消失，并被用户输入的内容所取代。
需要注意的是，placeholder属性有些浏览器可能不支持，因此我们需要使用JavaScript来为我们的input添加占位符。
<input type="text" id="inputID">
<script>
document.getElementById("inputID").placeholder = "预先设定内容";
</script>
在上面的代码中，我们使用JavaScript为id为inputID的input添加了占位符。这时候，即使用户在不支持placeholder属性的浏览器中，我们也能够保证占位符的存在。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
