Tag: html5

如何使所有浏览器都支持<input type =“date”>？任何替代品？: 我正在使用HTML5元素input属性，只有Google Chrome支持date和时间属性。我尝试了Modernizr，但我不明白如何将其集成到我的网站（如何编码/语法/包括）。有关如何使用date，时间属性到所有浏览器的任何代码片段。

用twitter-bootstrap里面的表单下拉菜单: 我的TopBar中有一个Dropdown，使用Twitter Bootstrap CSS框架构build。我有3个问题，我无法find任何解决scheme：文本和密码input字段太大，我怎么调整它们？使下拉框变大也可以。田地的标签太黑了，我怎么能把它们照亮一点？点击进入其中一个字段时，下拉菜单正在closures。我必须重新打开它，然后我可以键入，直到在下一个字段中单击。即使closures下拉菜单，也会保留这些值。我怎样才能让它保持开放？以下是问题1和问题2的屏幕截图：这里也是现在的TopBar的HTML。 <div class='topbar-wrapper'> <div class='topbar'> <div class='topbar-inner'> <div class='container'> <h3> <a href="/">Webworld</a> </h3> <ul class='nav'> <li>FILLER…</li> </ul> <ul class='nav secondary-nav'> <li class='dropdown' data-dropdown='dropdown'> <a href="#" class="dropdown-toggle">Login</a> <div class='dropdown-menu' id='signin-dropdown'> <form accept-charset="UTF-8" action="/sessions" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="4L/A2ZMYkhTD3IiNDMTuB/fhPRvyCNGEsaZocUUpw40=" /></div> <fieldset […]

Chrome popup请填写此字段: 我的客户与我联系，说用户投诉说，现在有些字段显示工具提示“请填写此字段”。我简直不敢相信我听到的…但客户端是正确的 – 使用最新的Chrome版本，一些字段显示浏览器工具提示与这个消息，甚至与我的validation器并排！有什么问题？我错过了什么？谢谢。编辑：我的用户控件生成的HTML如下所示： <input name="tbMontante" type="text" maxlength="8" size="10" tbMontante" class="Montantetextfield" FieldName="Montante" Required="True" AllowDecimalValues="True" /> 编辑：我的文档types如下所示： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 我的浏览器是否应该使用HTML 5来parsing它？

HTML5audio播放器 – jQuery的切换点击播放/暂停？: 我不知道我做错了什么？ $('.player_audio').click(function() { if ($('.player_audio').paused == false) { $('.player_audio').pause(); alert('music paused'); } else { $('.player_audio').play(); alert('music playing'); } }); 如果我点击“player_audio”标签，我似乎无法启动音轨。 <div class='thumb audio'><audio class='player_audio' src='$path/$value'></audio></div> 任何想法我做错了什么，或者我必须做什么来得到它的工作？

iPhone / iOS：为邮政编码呈现HTML 5键盘: 在移动设备上显示HTML 5input（即<input>标签）的不同键盘有几种技巧。例如，有些文件logging在苹果的网站上， configurationWeb视图的键盘。这对于可用性来说是很好的，但是当涉及到国际邮政编码（主要是数字，但允许字母）的input时，我们剩下一些差的选项。大多数人推荐使用pattern="\d*"技巧来显示数字键盘，但不允许input字母。 type="number"inputtypes显示常规键盘，但转移到数字布局：这适用于iOS设备，但它使Chrome认为input必须是一个数字，甚至改变input的行为（上/下递增和递减值）。有没有办法让iOS默认数字布局，但仍然允许字母数字input？基本上，我想要type="number"的iOS行为，但我希望该字段在桌面浏览器上的行为像一个常规的文本字段。这可能吗？更新：嗅探iOS用户代理并使用type="number"inputtypes不是一个选项。 type="number"不适用于string值（如邮政编码），它还有其他副作用（如剥离前导零，逗号分隔符等），使其不太理想的邮政编码。

共享工作者和工作者在HTML5中有什么区别？: 阅读这篇博文后： http : //www.sitepoint.com/javascript-shared-web-workers-html5/ 我不明白。 Worker和SharedWorker什么区别？

触发标准的HTML5validation（表单），而不使用提交button？: 任何人谁知道我可以在不使用提交button的情况下触发标准的HTML5validation？（JavaScript或jQuery）。我不想发送POST/GET请求，只做validation。

我可以用jQuery淡入背景图片（CSS：background-image）吗？: 我有一个文本的div元素和背景图像，通过CSS属性background-image 。是否有可能通过jQuery淡入背景图片？ HTML： <div>Text</div> CSS： div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; } 编辑我已经做了一个小例子来说明我的情况。基本上，这configuration了一个初始的background-image和一个transition ，并改变了jQuery的background-image 。在我的testing中，两个图像之间没有animation过渡。 EDIT2 我修改小提琴的作品！

手机差距与数据密集型应用monotouch: 我们正在为移动设备开发数据密集型应用程序。我们的核心问题是我们将不得不在客户端存储大量的数据客户希望应用程序脱机工作我们的技能是非常多的Web开发C＃ASP.Net。绝对不是目的C 我们已经想到了三种可能性使用HTML5本地存储的Web应用程序利用脱机应用程序caching。我们对本地存储有5MB的限制，但对于某些浏览器来说，这可能会降低到2.5MB 通过PhoneGap的 Web应用程序来创build一个本地应用程序。这里的好处是我们可以使用文件系统进行存储。不利的一面是，它将不得不经过App Store（尤其是iOS） – 苹果的订阅应用程序收入的30％我们使用适用于Android和iOS的MonoTouch构build应用程序。好 – C＃和.Net我们可以做到这一点。坏 – 没有黑莓题在这个例子中，我正在努力看到使用PhoneGap的MonoTouch的真正优势。他们是什么？他们是吗？在这个例子中，将数据保存到文件系统将是非常有用的，但我相信电话差距可以通过File对象完成。显然，monoTouch会利用System.IO。是否有实例在MonoTouch中有明确的附加function – 尤其是对移动开发有用的function，例如地理定位或相机typesfunction？或者电话差距几乎涵盖了所有这些。厚颜无耻的额外问题我所错过的还有其他什么select，或者我已经概述的三种方法的其他主要优点/缺点，我已经忘记了吗？感谢大家的专业知识

如果我已经在使用Modernizr，那我还需要HTML5 Shiv吗？: 1）如果我已经在使用Modernizr，那么我是否还需要HTML5 Shiv来支持IE5的HTML5标签？ 2）HTML5 Shiv仅适用于IE，还是适用于所有没有原生HTML 5支持的浏览器？像旧版本的Firefox，Safari，Chrome等？