Tag: html5

HTML5占位符消失焦点: 有没有一个免费的jQuery插件，改变placeholder行为，以符合HTML5规范？焦点之前关注焦点（Safari）焦点不好（Chrome，Firefox）你可以用你的浏览器做这个简单的小提琴。 HTML5草稿规范说：用户代理应该向用户提供这个提示，当它已经剥离换行符，元素的值是空string和/或控件没有被聚焦时（例如，通过将其显示在未聚焦的空白控件中并且否则隐藏）。 “/或”在当前草案中是新的，所以我想这就是为什么Chrome和Firefox不支持它。请参阅WebKit错误＃73629 ，铬错误＃103025 。

你如何deviseHTML5表单validation信息？: 假设你有这样的一些HTML： <form> <input placeholder="Some text!" required> <input type="email" placeholder="An Email!" required> <input type="submit" value="A Button!"> </form> 由于required属性，如果您将其留空，则较新的Webkit和Firefox将在该字段旁边显示validation消息。他们回应被规则如下： div { font: Helvetica; } 但是我找不到更具体的select器。有谁知道什么select器使用，或将被使用，甚至是一个错误报告的WebKit /壁虎有关呢？（JSFiddle显示它们可以使用divselect器进行样式化： http : //jsfiddle.net/p7kK5/ ）

打开HTML5的graphicsvalidation: 有没有办法让Facebook的蹩脚的开放图元标签来validation，如果我的文档types是<!DOCTYPE html> （HTML5）？除了facebook的Open Graph元标记之外，我的文档完全validation。我真的不想使用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">因为这会造成一系列新的问题。这里是一个有问题的validation错误的例子。错误行11，列47：在此元素meta不允许的属性属性。 <meta property="og:type" content="website" /> 任何帮助，将不胜感激…我一直在寻找和closures了几天无济于事。

可以在html5中validationinput = file的大小和types: 我正在阅读这个http://dev.w3.org/html5/markup/input.file.html ，但我只find了“接受”属性。我试过这个 <input type="file" name="imagefilename" accept="image/x-png, image/gif, image/jpeg" /> 是否有可能在文件大小的客户端validation？我发现这个技术的IE浏览器 <html> <head> <script> function getSize() { var myFSO = new ActiveXObject("Scripting.FileSystemObject"); var filepath = document.upload.file.value; var thefile = myFSO.getFile(filepath); var size = thefile.size; alert(size + " bytes"); } </script> </head> <body> <form name="upload"> <input type="file" name="file"> <input type="button" value="Size?" onClick="getSize();"> </form> </body> </html> […]

Html5 data- *与asp.net mvc TextboxFor html属性: 如何使用TextboxFor添加data-* html属性？这是我现在有： @Html.TextBoxFor(model => model.Country.CountryName, new { data-url= Url.Action("CountryContains", "Geo") }) 正如你所看到的，在这里导致data-url的问题。这是怎么回事？

Internet Explorer 9拖放（DnD）: 有谁知道为什么下面的网站拖放示例（加上许多其他教程在线）不工作在Internet Explorer 9？ Chrome，FireFox和Safari都可以。 http://www.html5rocks.com/tutorials/dnd/basics/ 我以为IE9假设是最符合HTML5的浏览器？特别是与DnD，因为他们一直支持自IE5以来。我必须在某处更改设置吗？我玩HTML5和CSS3越多…… IE9就越less。有没有人有任何链接到在IE9中工作的DnD教程？

在同一行上左右alignment两个内联块: 我怎样才能alignment两个内联块，以便一个是左边的，另一个是在同一条线上？为什么这么难？有没有像LaTeX的\ hfill可以消耗之间的空间来实现这一目标？我不想使用浮动，因为使用内联块，我可以排列基线。而当窗口对于他们两个都太小的时候，使用内嵌块，我可以将文本alignment改为居中，并且它们将居中alignment。相对（父母）+绝对（元素）定位与浮子相同的问题。 HTML5： <header> <h1>Title</h1> <nav> <a>A Link</a> <a>Another Link</a> <a>A Third Link</a> </nav> </header> CSS： header { //text-align: center; // will set in js when the nav overflows (i think) } h1 { display: inline-block; margin-top: 0.321em; } nav { display: inline-block; vertical-align: baseline; } Thery是彼此相邻，但我想要在右边的nav 。

你可以使用canvas对页面进行“截图”吗？: 我有一个页面，我们使用CSS来定位一堆元素，并使用JS来改变它们的“顶部和左侧”位置。我有报道说这些东西是错位的，但是用户有这个谎言来“欺骗”的动机，所以我不确定他们是否说实话。我试图找出一个方法来弄清楚他们是否在说谎，并有一些“证据”。我知道Canvas有一个方法可以从图像元素或其他canvas元素（BitBlttypes的操作）复制图像信息。用Canvas（或者其他什么，Flash，不pipe怎样）都可以用一张页面的“图片”？再次，我不是试图从一个<image> 。我试图复制用户看到的内容，这些内容由绝对定位的几个HTML元素（以及我最关心的位置）组成，并以某种方式将其上传到服务器。我知道这不能做，但也许我错过了一些东西。有任何想法吗？

使用HTML5启用后置摄像头: 我正在使用MVC ASP.Net 4 HTML5（默认浏览器为google-chrome v29.0.1547.57）开发项目，我可以使用这些工具进行交互，但只能使用前置摄像头拍照，如何才能启用后置摄像头？平板电脑的特点：三星Galaxy Tab 2我希望你能帮助我