Tag: html5
使用CSS更改HTML5input的占位符颜色
Chrome支持input[type=text]元素上的占位符属性 （其他人可能也会这样做）。 但是下面的CSS并没有蹲在占位符的值上： input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> Value将仍然保持grey而不是red 。 有没有办法改变占位符文本的颜色？
（非无效）自闭标签在HTML5中有效吗？
W3Cvalidation器不喜欢非空元素上的自闭标记（以“ /> ”结尾）。 （空元素是那些可能永远不会包含任何内容的元素。）它们在HTML5中仍然有效吗？ 一些被接受的无效元素的例子： <br /> <img src="" /> <input type="text" name="username" /> 被拒绝的非空元素的一些例子： <div id="myDiv" /> <span id="mySpan" /> <textarea id="someTextMessage" /> 注意： W3Cvalidation器实际上接受无效自闭标签：作者最初有一个问题，因为一个简单的错字 （而不是/> ）。 但是，自我closures标签在HTML5中通常不是100％有效，而且这些答案详细讨论了各种HTML风格的自我closures标签的问题。
jQuery Mobile：文档准备与页面事件
我正在使用jQuery Mobile，而且我无法理解经典文档就绪和jQuery Mobile页面事件之间的差异。 真正的区别是什么？ 为什么要 <!– language: lang-js –> $(document).ready() { }); 比…更好 $(document).on('pageinit') { }); 当你从一个页面转换到另一个页面时，页面事件的顺序是什么？ 如何将数据从一个页面发送到另一个页面，是否可以访问前一页的数据？
将对象存储在HTML5 localStorage中
我想要在HTML5 localStorage存储JavaScript对象，但我的对象显然是被转换为string。 我可以使用localStorage存储和检索原始JavaScripttypes和数组，但对象似乎不工作。 他们应该吗？ 这是我的代码： var testObject = { 'one': 1, 'two': 2, 'three': 3 }; console.log('typeof testObject: ' + typeof testObject); console.log('testObject properties:'); for (var prop in testObject) { console.log(' ' + prop + ': ' + testObject[prop]); } // Put the object into storage localStorage.setItem('testObject', testObject); // Retrieve the object from storage var […]
Html5画布drawImage：如何应用抗锯齿
请看下面的例子： http://jsfiddle.net/MLGr4/47/ var canvas=document.getElementById("canvas"); var ctx=canvas.getContext("2d"); img=new Image(); img.onload=function(){ canvas.width=400; canvas.height=150; ctx.drawImage(img,0,0,img.width,img.height,0,0,400,150); } img.src="http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; 如您所见，尽管据说drawImage会自动应用消除锯齿，但图像不是反锯齿。 我尝试了很多不同的方法，但似乎并不奏效。 你能告诉我如何得到反锯齿图像？ 谢谢。
为什么canvas.toDataURL（）抛出安全异常？
我没有得到足够的睡眠或什么？ 这下面的代码 var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.comhttp://img.dovov.cominterface/item/small/image.png" img.onload=function() { // draw image ctx.drawImage(img, 0, 0) // Here's where the error happens: window.open(frame.toDataURL("image/png")); } 抛出这个错误： SECURITY_ERR: DOM Exception 18 没有办法，这不应该工作！ 有谁能解释这个吗？
如何限制HTML5“数字”元素中的可能输入？
对于<input type="number">元素， maxlength不起作用。 我怎样才能限制该数字元素的最大长度？
Android上的HTML5 <video>元素
根据： http://developer.android.com/sdk/android-2.0-highlights.html Android 2.0应该支持HTML5视频元素。 我还没有能够使用摩托罗拉Droid这个工作，并没有能够成功地在任何HTML5视频示例页面上查看视频。 由于目前还不支持QuickTime或Flash，这是我能想到的在网页中嵌入mp4视频的唯一方法。 有没有人有这个运气？
嵌套柔性容器时正确使用柔性属性
我在正确使用flexbox时遇到了问题，并希望得到关于嵌套父元素和子元素如何工作的一些说明。 我知道孩子继承父母的柔性。 但是如果你需要为孩子（孩子）弯曲一个孩子，它会被覆盖吗？ 什么是flexbox的正确使用？ 我什么时候需要申请display: flex为了孩子的（孩子），为了孩子的柔韧性，还是会覆盖孩子的父母的弹性？ .parent-container { display: flex; flex: 1 0 100%; } .child-container { flex: 1 1 50% } .baby-of-child-container { flex: 1 1 50%; } <div class='parent-container'> <div class='child-container'> <div class='baby-of-child-container'></div> <div class='baby-of-child-container'></div> </div> <div class='child-container'> <div class='baby-of-child-container'></div> <div class='baby-of-child-container'></div> </div> </div>
自定义元素是否为有效的HTML5？
我一直无法找到自定义标签在HTML5中是否有效的明确答案，如下所示： <greeting>Hello!</greeting> 我没有在规范中找到任何一种方式： http://dev.w3.org/html5/spec/single-page.html 而自定义标签似乎没有验证与W3C验证。
