Tag: html5

HTML5:有两个input的滑块可能吗?

是否有可能使两个input值的HTML5滑块,例如select一个价格范围? 如果是这样,怎么办?

select标签的占位符

是否有可能在select标签上占位符? <select placeholder="select your beverage"> <option>Tea</option> <option>coffee</option> <option>soda</option> </select> 或者可能是一个可能的工作?

简单的方法来检查是否支持占位符?

我想在我的代码中使用HTML5 "placeholder"属性,如果用户的浏览器支持它,否则只是在窗体顶部打印字段名称。 但我只想检查是否支持占位符,而不是用户使用的浏览器的版本/名称。 所以理想情况下,我想要做类似的事情 <body> <script> if (placeholderIsNotSupported) { <b>Username</b>; } </script> <input type = "text" placeholder ="Username"> </body> 除了我不确定的JavaScript位。 帮助表示赞赏!

HTML5直播

对于学校,我需要build立一个HTML5直播网站。 他们有一个他们已经使用的Flashstream媒体播放器,但现在他们希望它使用HTML5。 我怎样才能做到这一点? 我试图使用video标签,但我无法得到它的工作。 以下是我的代码。 有人能指出我的方向吗? <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Deltion Live Streaming</title> <script language="javascript" type="text/javascript" src="../swfobject.js"></script> </head> <body> <video id="movie" width="460" height="306" preload autoplay> <source src="rtmp://fl2.sz.xlcdn.com:80/sz=Deltion_College=lb1" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <!– HERE THE CODE FOR THE ALTERNATIVE PLAYER (FLASH) WILL BE! –> </video> </body> </html>

HTML文档中元数据的最佳做法?

我工作在一个大规模,高容量,面向公众的networking应用程序。 应用程序的成功运行对业务来说非常重要,因此有很多MI工具可以运行。 其中一个MI工具主要是查看发送给浏览器的每个页面请求的html(我已经简化了很多,但是对于这个问题,它是一个对html做一些分析的工具) 对于这个MI工具来获取它所需要的数据,我们把元数据放在head元素中。 目前我们把它做为html的评论: <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class=""> <head> <!– details = 52:AS6[rxSdsMd4RgYXJgeabsRAVBZ:0406139009] –> <!– policy id = 1234567890 –> <!– party id = 0987654321 –> <!– email address = user@email.com –> <!– error = 49 –> <!– subsessionid = bffd5bc0-a03e-42e5-a531-50529dae57e3–> … 该工具只是寻找一个给定的元数据评论与正则expression式 由于这些数据是元数据,我想将其更改为html元标记,因为它感觉语义上是正确的。 像这样的东西: <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" […]

如何正确无效的在线/离线networking应用程序的HTML5caching清单?

我正在使用caching清单(如此处所述)。 这有效地提供了必要的资源,以便在用户脱机时运行可用的应用程序。 不幸的是,它工作得太好了。 在加载caching清单之后,Firefox 3.5+将caching清单中显式引用的所有资源caching。 但是,如果服务器上的文件被更新,并且用户在联机时尝试强制刷新页面(包括caching清单本身),Firefox将绝对拒绝提取任何内容。 应用程序在被caching的最后一点仍然完全冻结。 问题: 我希望Firefox在networking连接失败时只能依靠caching的资源。 我试过使用FALLBACK块,但无济于事。 这甚至有可能吗? 如果#1是不可能的,用户是否有可能强制刷新一个页面并绕过这个caching(ctrl-F5不这样做,也没有清除浏览器的caching,令人震惊的是)没有清除他们的私人数据? 或者,cache-manifest机制是否支持expiry头文件,并且是否在任何地方logging了它的行为?

SVG图标与现代网站中的PNG图标

我想知道为什么这么less的现代网站仍然只使用PNG图标(但这个假设只是基于我的观察)。 到目前为止,我知道,使用PNG的SVG的主要原因是IE8和SVG使用更多的CPU功率(但我不认为这是简单的1K图标的任何问题)。 我可以看到(我们目前使用)使用SVG的许多优点,无论是用作精灵,图像还是内联SVG。 (问题寻找一个研究:PNG雪碧VS SVG雪碧VS图标字体侧重于性能,没有相关的答案, 图标字体与SVGcaching和networking关注焦点在networkingstream量,但它很容易通过模板解决。 如果新的网站仅支持现代浏览器,是否有任何理由不使用SVG(或者 – 是否有任何理由使用PNG的图标)? 如果我们不关心IE8,并且通过模板化和/或caching来支持SVG的使用,那么是否有任何依赖于SVG的手段?

HTML5可以与扫描仪和信用卡读卡器等外围设备进行通信吗?

我的公司编写安装在客户端机器上的软件来执行销售点交易。 该软件与各种外围设备(收据打印机,条码扫描仪,信用卡读卡器等)连接。 我们通过使用Microsoft OPOS库在Visual Studio中创build的Winforms应用程序来完成此操作,该OPOS库又与我们的云服务器(一个客户端 – 服务器模型)进行通信。 这种模式显然效率低下,主要是更新。 我正在研究通过networking与这些外围设备进行通信的其他方式,最好通过networking浏览器进行通信。 据我所知,Java是唯一可以做我们正在寻找的技术之一(通过小程序),我也假定Adobe Flash也可以(通过Air平台)。 这些都是可行的,但不是可取的,因为我们想要在支持networking的移动设备上运行我们的软件。 有没有人有build议其他方式通过networking与外部设备进行通信?

具有数据属性的SelectListItem

无论如何有一个SelectList预填充ViewModel与数据属性? 我想要做 @Html.DropdownListFor(m=> m.CityId, Model.Cities); 所以它会生成如下代码: <select id="City" class="location_city_input" name="City"> <option data-geo-lat="-32.522779" data-geo-lng="-55.765835" data-geo-zoom="6" /> <option data-geo-lat="-34.883611" data-geo-lng="-56.181944" data-geo-zoom="13" data-geo-name="Montevideo" data-child=".state1" value="1">Montevideo</option> <option data-geo-lat="-34.816667" data-geo-lng="-55.95" data-geo-zoom="13" data-geo-name="Canelones, Ciudad de la Costa" data-child=".state41" value="41">Ciudad de la Costa</option> </select>

HTML / Javascript:如何访问使用src设置的脚本标记中加载的JSON数据

我有我在服务器中生成的这个JSON文件,我想在客户端访问,因为页面是可见的。 基本上我想实现的是: 我有以下几点: <script id="test" type="application/json" src="http:/myresources/stuf.json"> 标签在我的html文档中声明。 源代码中引用的文件具有json数据。 正如我所看到的,数据已经被下载,就像脚本一样。 现在,我如何在JavaScript中访问它? 我已经尝试访问脚本标记,使用和不使用jQuery,使用大量的方法来获取我的JSON数据,但不知何故,这是行不通的。 如果将json数据以内联方式写入脚本,那么获得它的innerHTML将会起作用。 这是不是,而不是我想要实现的。 页面加载后的远程JSON请求也不是一个选项,如果你想build议。