Tag: html5

使用HTML5,如何在表单提交中使用contenteditable字段?

所以我有一堆从数据库dynamic填充的段落元素。 我已经让这些元素令人满意。 我现在想通过标准的表单提交将编辑提交回数据库。 有没有办法发布contenteditable元素回来?

如何在HTML中显示反向sorting列表?

我需要你快速的帮助。 有什么办法在CSS / SCSS显示反向sorting列表。 像这样的东西: 5. I am a list item. 4. I am a list item. 3. I am a list item. 2. I am a list item. 1. I am a list item.

HTML表单操作和提交问题

我想在一些文本框条目上运行JavaScript用户validation。 我遇到的问题是,我的表单有进入我们的网站内的新页面的行动,并且onsubmit属性从不运行javascript函数。 有没有更好的解决scheme,或者与下面的代码一起工作:注意:如果您将操作切换到checkRegistration()那么javascript文件将被正确写入并且有效。 这只是一个问题,同时运行的动作和JavaScript。 <form name="registerForm" action="validate.html" onsubmit="checkRegistration()" method="post"> <!– textboxes here –> <!– and submit button –> </form>

Firefox中的event.offsetX

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script language="javascript"> function main(){ var canvas = document.getElementById("canvas"); canvas.addEventListener("mousemove", function(e){ if (!e) e = window.event; var ctx = canvas.getContext("2d"); var x = e.offsetX; var y = e.offsetY; ctx.fillRect(x, y, 1, 1); }); } </script> </head> <body onload="main();"> <div […]

如何在Selenium Webdriver中模拟HTML5拖放?

我正在使用Python 2.7和Selenium 2.44。 我想在Selenium WD中自动拖放操作,但根据其他相关文章,Selenium不支持HTML5中的操作 。 有没有什么办法来模拟Python中的拖放? 这是我试过的代码: driver = webdriver.Firefox() driver.get("http://html5demos.com/drag") target = driver.find_element_by_id("one") source = driver.find_element_by_id("bin") actionChains = ActionChains(driver) actionChains.drag_and_drop(target, source).perform() 并没有工作。

HTML5在窗口之间拖放

是否有HTML5的拖放function或/和文件API拖动JPG图像从一个窗口到另一个? 这个想法是,我可以从Facebook拖动和图像到一个不同的浏览器的窗口与自定义HTML将获得该图像。 或者,至less,从桌面拖到浏览器的方式? 非常感谢

使用带有数字的ID的querySelector

从我所了解的HTML5规范,你可以使用像这样的数字的ID。 <div id="1"></div> <div id="2"></div> 我可以访问这些罚款使用getElementById但不是与querySelector 。 如果我尝试做以下操作,我得到控制台中的SyntaxError:DOMexception12 。 document.querySelector("#1") 我只是好奇,为什么使用数字作为ID不工作querySelector当HTML5规范说这些是有效的。 我尝试了多个浏览器。

如何使用jQuery绑定到所有浏览器的localStorage更改事件?

如何使用jQuery将函数绑定到HTML5 localStorage更改事件? $(function () { $(window).bind('storage', function (e) { alert('storage changed'); }); localStorage.setItem('a', 'test'); }); 我已经尝试了以上,但警报没有显示。 更新 :它在Firefox 3.6中工作,但在Chrome 8或IE 8中不起作用,所以问题应该更多'如何使用jQuery绑定到所有浏览器的localStorage更改事件?

是否有可能使用任何HTML5 fanciness导出本地存储到Excel?

这个问题是相似的,但不突出显示任何可能性导出数据。 思考?

不显示inputtypes=“date”字段的占位符

Iam正在做一个phonegap应用程序,当IAM尝试type="date"input字段如下所示,它显示iPhone中的dateselect器,因为我预期,但它不显示我给的占位符。 我在这里发现了同样的问题,但没有解决任何地方,希望有人可以帮助我。 谢谢。 <input placeholder="Date" class="textbox-n" type="date" id="date">