在IE8中单击重置按钮后占位符消失

Placeholder vanish after click on Reset button in IE8

本文关键字：按钮 占位符 消失 IE8 单击      更新时间：2023-09-26

我有一个表格，管理员可以在其中添加候选人。当我在IE8中运行我的应用程序并单击重置按钮时，它会从所有字段中删除占位符。我正在使用占位符.js来支持IE8中的占位符属性。

这是我的重置功能...

 function resetCandidateData(){
    $("#addCandidateForm")[0].reset();
 }

我的形式是这样的....

<form name="addCandidateForm" id="addCandidateForm" method="Post">
     <input type="text" name="cname" id="cname" class="inputBox bdr-radius5" placeholder="Enter candidate name" autocomplete="off"/>
     .....
     .....
     <span class="global-button" onclick="resetCandidateData();">Reset</span>
</form>

第一次页面刷新时，它在IE8中的每个文本字段中显示占位符，但重置后所有文本都消失了。请帮忙。

我对你正在使用的特定占位符.js库一无所知，你也没有提供链接，所以我什至不知道它是哪一个。

但是，在我看来，您需要使用更好的占位符脚本。

如果重置字段会清除占位符，则意味着脚本正在使用字段值来显示占位符。

这很好，但确实有一些限制，特别是正如您在重置字段时所看到的那样，但这也意味着您不能在密码字段中使用占位符（因为它们会像密码本身一样显示为星号），并且您不能轻易地将占位符的样式与字段值不同。

出于所有这些原因，我更喜欢使用不同技术的占位符脚本 - 例如，将占位符放在自己的元素中并将其显示在输入字段的顶部（或后面），而不是实际使用输入字段本身作为占位符。

因此，我的建议是找到一个替代占位符脚本。取出一个并插入另一个应该相当简单，而且有很多可供选择。看看这里一些最好的列表。

希望有帮助。

将resetCandidateData函数更改为

function resetCandidateData(){
    $("#addCandidateForm")[0].reset();
    $.Placeholder.init();
}

它应该还原占位符。

相关文章：