Tag: html5

在引导模式下将textarea的宽度设置为100％: 正在尝试所有可能的方式，但从来没有成功： <div style="float: right"> <button type="button" value="Decline" class="btn btn-danger" data-toggle="modal" data-target="#declineModal">Decline</button> </div> <!– Modal –> <div class="modal fade" id="declineModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">Comment</h4> </div> <div class="modal-body"> <textarea class="form-control col-xs-12"></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn […]

检查html5video是否准备就绪: 是否有JavaScript事件触发，如果HTML5video准备好播放？

以编程方式在<canvas>的fillStyle中使用RGBa值？: 我正在用<canvas>学习编程。我想使用一个variables来设置矩形的RGBa值。例如， var r_a = 0.3; ctx.fillStyle = "rgba(32, 45, 21, r_a)"; 这不起作用。但是ctx.fillStyle = "rgba(32, 45, 21, 0.3)"; 确实有效显然fillStyle只接受一个string。那么如何使用某个variables来设置rgba值的值，而不是显式地定义值呢？

（移动）浏览器中针对CSS3硬件GPU加速优化基于SVG的精灵表: 在过去的一周里，我一直在帮助朋友在浏览器中使用基于SVG的精灵表单进行实验。我们想要提出一个理想的工作stream程，在浏览器中准备，发布和运行高质量的animationgraphics。所以最好有一个animation数据源，可用于小型智能手机屏幕，平板电脑，视网膜显示器和桌面浏览器。从理论上讲，基于vector的SVG应该是理想的，但是由于SVG通常不被使用，所以我们决定对它进行testing。这个想法不是使用SMIL SVG（所以没有基于SVG的animation），而是创build一个animation精灵表（像通常的光栅数据PNG / JPG一样），但是用纯vector即SVG来做。它有点大，但是如果这样做的话 – 甚至可以更好地进行工作。加上逐帧的vectoranimation可以为我们的工作stream程做很多事情 – 它可以让我们使用Flash编辑器来做animation，然后将它们导出到SVG精灵表。无论如何，结果出人意料的好，但也在一些地区失败（请注意，为了testing目的，我们只使用基于Webkit的浏览器，例如Safari，Chrome，iOS上的移动Safari和Android ICS）。在CSS中，像这样触发一个精灵表的硬件加速是非常容易的（至less在具有关键帧和步骤的现代浏览器中） – 你只需要这样做： background-image: url(my.svg); -webkit-animation: walk 1s steps(12, end) infinite; 调用此处显示的基于关键帧的animation： @-webkit-keyframes walk { from { -webkit-transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); } } 在iOS移动版Safari和Android ICS浏览器中，translate3d的使用应该让GPU能够使用硬件加速。令人惊讶的是，考虑到这是一种蛮力技术和相当大的vectoranimation（600x600px的testing） – 整个事情飞行。但它并不完美 – […]

HTML5input颜色的默认颜色: input type="color"具有黑色的默认颜色： #000000 。即使我给它一个空值 <input type="color" value="" /> …默认颜色始终为黑色。我希望用户有select颜色的select，但是如果他不这样做，那就意味着没有select颜色，甚至没有白色#FFFFFF 。有没有办法强制input type="color"没有黑色作为默认？我可以使用某种“侦听器”来检查用户是否第一次更改颜色，如果不是，忽略该值，但是我想避免使用Javascript。

有没有办法在HTML5中本地化inputtypes=“date”: 我知道在写这篇文章的时候，Opera只支持一个浏览器UI <input type="date" name="mydate"> 也许我本地化这个领域的尝试已经遇到了挫折，因为像本地化这样的细节还没有被包含在它们的实现中，但是我甚至都没有在HTML5规范中提到它。有没有一种方法应该指定本地化？我应该在父元素上执行lang =“fr”吗？有关该网站实施情况的一些说明：本地化（语言）是由用户明确select的，因为它们是以多种语言pipe理数据的，并且期望用户的浏览器浏览器镶边处于被查看的语言或者浏览器正在提供期望的语言请求标头是不合理的。我想确定，如果页面以法语呈现，则浏览器chrome提供的dateselect器将显示对法语有意义的选项。该计划是回落到不支持type =“date”的浏览器的jQueryUI，我将使用Dive into HTML 5中提供的检测机制

默认情况下，iOS5显示数字键盘，而不使用type =“number”或type =“tel”: 随着iOS5的发布，苹果已经添加了自己的validationinputtype =“number”表单字段。这是造成一些问题; 看到下面这个问题总结： inputtypes='数字'新的validation删除前导零和格式编号在Safari浏览器为iPhone iOS5和最新的Safari的Mac 虽然inputtypes=“电话”的作品，在iPhone上popup一个数字键盘，这是没有小数点的电话键盘。有没有办法将数字键盘设置为默认使用HTML / JS？这不是一个iPhone应用程序。至less我需要在键盘上的数字和小数点。更新 Safari 5.1 / iOS 5中的数字input字段只接受数字和小数点。我的一个input的默认值是$ 500,000 。这导致Safari显示空白input字段，因为$，％是无效字符。此外，当我运行我自己的validationonblur ，Safari会清除input字段，因为我将值添加到$。因此，Safari 5.1 / iOS5的inputtypes=“数字”的实现使其不可用。的jsfiddle 在这里试试 – http://jsfiddle.net/mjcookson/4ePeE/ $ 500,000的默认值不会出现在Safari 5.1中，但是如果你删除了$和$符号，它会的。令人沮丧。

是否可以添加到Visual Studio的HTML5validation？: 我正在使用Visual Web Developer Express Edition 2008中的<canvas> （这是一个HTML5标记）在页面上工作，HTML编辑器中的validation器告诉我这是一个无效的标记。这是因为它被设置为针对XHTML 1.0 Transitional进行validation。我宁愿不这样做，并根据HTML5的文档types告诉我什么是有效或无效的，但我无法find偏好的任何地方，这表明这将是可能的。有没有办法告诉Visual Studiovalidation对HTML5，或手动添加新的规范参考？我宁愿不必手动添加标签，这似乎是目前唯一的select。

什么是和用于: 在URL下面的行为有什么区别吗？我不知道为什么& 插入，它有什么区别？ www.testurl.com/test?param1=test&current=true 与 www.testurl.com/test?param1=test&current=true

我应该为JavaScript源文件映射文件使用哪种MIMEtypes？: 我想将源地图添加到我的网站，但是我想对它们的服务方式进行一些控制。什么是适合他们的MIMEtypes？一些数据内容本身是JavaScript，但并不意味着要被执行。 CDN.js通过Content-Type: application/octet-stream提供http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.map 。 Google通过Content-Type: application/json提供http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.map 源地图规范指出地图应该以)]}来防止它们被评估为实际的JavaScript（从而暴露跨站脚本攻击）。这使得该文件无效的JSON和有效的，但无法运行的JavaScript。