Tag: html5

在Ruby on Rails表单中，HTML5'需要'validation: 我无法在其他任何地方看到这个问题，希望这是一个快速而简单的问题。我如何在我的表单中使用HTML5validation器（例如“required”）（ruby on rails）？例如，如果我在其中使用了HTML5validation，那么这个基本表单将如何显示呢？ <%=form_for @testimonial do |t|%> <dl> <dt><label for="testimonial_rating">Rating</label></dt> <dd><%=t.select :rating, Testimonial.ratings%></dd> <dt><label for="testimonial_content">Comments</label></dt> <dd><%=t.text_area :content, :rows => 3%></dd> <dd><button class="button success">Submit Review</button></dd> </dl> <%end%> 毫无疑问，服务器端validation仍然是必需的。

使用CSSdevise列表的每个第三项？: 是否有可能为每个第三个列表项目添加样式？目前在我的960px宽的div我有左侧浮动框，并显示在3×3网格视图中的列表。他们也有一个30px的右边距，但是因为第三个第六和第九个列表项有这个边距，所以他们跳下去，使得网格显示错误第三，第六，第九，如果没有给他们一个不同的class级，还有没有保证金的权利，还是唯一的办法吗？

检测HTML5video元素是否正在播放: 我已经通过几个问题来看看是否正在播放HTML5元素，但找不到答案。我看了W3的文档，它有一个名为“玩”的事件，但我似乎无法得到它的工作。这是我现在的代码： var stream = document.getElementsByTagName('video'); function pauseStream() { if (stream.playing) { for (var i = 0; i < stream.length; i++) { stream[i].pause(); $("body > header").addClass("paused_note"); $(".paused_note").text("Stream Paused"); $('.paused_note').css("opacity", "1"); } } }

为什么HTML5表单validation允许没有点的电子邮件？: 我正在编写一个非常简单的模型来演示一些HTML5表单validation。但是，我注意到电子邮件validation不会检查地址中的点，也不会检查所述点之后的字符。换句话说，“john @ doe”被认为是有效的，当它显然不是一个有效的电子邮件地址; “doe”不是一个域名。这是我编码我的电子邮件字段： <input type="email" required /> 这是不够的？检查这个小提琴，看看我的意思。注意：我知道如何通过RegEx模式来完成此操作。我只是想知道如何有人可以逃避使用电子邮件types。

在上传之前在浏览器中裁剪图像: 我发现的许多图书馆，如Jcrop，实际上并没有裁剪，它只创build一个图像裁剪UI。然后取决于服务器做实际的裁剪。如何使用某些HTML5function在不使用任何服务器端代码的情况下将图像剪裁到客户端。如果是，是否有一些例子或提示？

在iOS中实现HTTP Live Streaming: 我想写一个小小的iOSvideo客户端，并且必须使用HTTP Live Streaming。这些video来自支持HTTP Live Streaming的Wowza媒体服务器，所以服务器端的实现不是我的问题。我已经观看了WWDCvideo，并阅读了关于HTTP Live Streaming的Apple文档。但是没有任何地方可以解释如何在iOS设备上播放video。在WWDC的演讲中，有人提到有3个组合可以显示video： UIWebView的的MPMoviePlayerController AVPlayerItem 哪一个是最好的？而我怎样才能从这样的HTML页面读出videoURL，这些信息将由服务器提供？ <html> <head> <title>HTTP Live Streaming Example</title> </head> <body> <video src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" height="300" width="400" > </video> </body> </html> （来源： Apple HTTP Live Streaming Overview ）我真的不知道从哪里开始编码…也许有人知道比烦人的“缝合stream播放器”更好的示例代码，或者可以写一个小教程…

使用表单input访问相机，并立即上传照片使用networking应用程序: 我遇到了这个辉煌的答案：在iPhone iOS6和Android ICS之后，HTML5具有以下标签，可让您从设备上拍照： <input type="file" accept="image/*" capture="camera"> 捕捉可以采取相机，摄像机和audio的价值。是否有可能通过使用某种types的jax来进一步上传照片？例如，使用我的手机，一旦我点击input，然后打开相机，这将立即让我拍照并保存。当我将它保存到相机时，它会被inputbutton列为要上传的文件。这张照片需要立即上传，而不是等待用户点击表单的“提交”button？

从Firefox的范围input元素中删除虚线轮廓: 火狐，从版本23，本地支持<input type="range">元素，但我不知道如何删除虚线轮廓。以下CSS不起作用： input[type='range'], input[type='range']:focus, input[type='range']:active, input[type='range']::-moz-focus-inner, input[type='range']:-moz-focusring { border: 0; outline: none; } 有没有人有任何想法如何解决这个问题在Firefox？例如： http : //jsfiddle.net/pF37g/

用于.NET的HTML5 WebSockets客户端: 所以，我发现了一个叫做HTML5 WebSockets的新API，这个新的API。这仍然在DRAFT版本，但很好的支持。全双工双向通信。我知道如何通过JavaScript使用它，有APIs。但是，如果我想在我的C＃/。NET应用程序中使用WebSocket客户端，该怎么做？例如JavaScript： http ： //bohuco.net/blog/2010/07/html5-websockets-example/ .NET中的WebSockets是否有特殊的客户端库？