gpt4 book ai didi

javascript - Google 的 html5 shiv 不呈现占位符?

转载 作者:太空狗 更新时间:2023-10-29 16:49:45 27 4
gpt4 key购买 nike

我有一个客户想要输入框内的标签的表单,我决定使用 HTML 5 的占位符和 Google 的 html5shiv,而不是旧的 javascript。但是,我的占位符在 IE 中似乎无法正常工作,而这正是我使用 shiv 的目的。这是代码:

文档类型:

<!DOCTYPE html>

希夫:

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->

表格:

<form method="post" enctype="multipart/form-data" name="contactForm" id="contactForm">

<input type="text" name="name" id="name" placeholder="Your Full Name..." />
<input type="text" name="telephone" id="telephone" placeholder="Your Telephone Number..." />
<input type="email" name="email" id="email" placeholder="Your Email Address..." />
<textarea name="enquiry" id="enquiry" placeholder="Your Enquiry or Comments..."></textarea>
<p class="midpadLeft green_Button_margin_2"><span class="green_Button_2"><a href="javascript: document.contactForm.submit();" target="_self" class="green_Button_2">Submit Enquiry <img src="images/mid-envelope.png" alt="Submit"/></a></span></p>

</form>

关于为什么它不起作用的任何想法?

修订:

使用下面评论中建议的代码,我已将我的代码更改为以下内容,但它仍然无法正常工作。

脚本包括(该脚本的内容直接从 here 复制):

<script type="text/javascript" src="scripts/placeholders.js" charset="utf-8"></script>

DOM 就绪事件监听器:

<body onload="Placeholders.init(true);">

最佳答案

HTML5 Shiv 只是为 IE 中以前未知的元素启用样式。最新版本做了一些额外的事情,比如修补 document.createElement ,但除此之外,它不会填充任何内容。

如果你想模拟placeholder ,使用占位符 polyfill。我已经用 jQuery 插件格式写了一个,如果你感兴趣的话:http://mths.be/placeholder

按如下方式使用:

$('input, textarea').placeholder();

这是一个演示:http://mathiasbynens.be/demo/placeholder

顺便说一句,你应该使用 <label>而不是 @placeholder如果文本是“您的全名”等。

关于javascript - Google 的 html5 shiv 不呈现占位符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9277143/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com