前端之路-1.1.1 HTML5约束验证API

HTML5约束验证API

1、必填字段 required，

2、email、url、number、range、datatime、step（最大值到最小值刻度之间的差值），

3、pattern（正则表达式）

4、novalidate 告诉表单不进行验证 （导致其他的全部失效）

5、placeholder 实现文本输入框在输入之前，有固定的文字提示

6、

// 增加一个CSS类
myElement.classList.add("newClass");// 删除一个CSS类
myElement.classList.remove("existingClass");// 检查是否拥有一个CSS类
myElement.classList.contains("oneClass");// 反转一个CSS类的有无
myElement.classList.toggle("anotherClass");

7、在两个浏览器窗口或iframe之间传递信息数据：

// 从A域上的窗口或iframe，发送一条信息到B域中的窗口或ifamevar iframeWindow = document.getElementById("iframe").contentWindow;
iframeWindow.postMessage("来自第一个窗口的问候!");// 在第二个不同域上的窗口或iframe接收消息
window.addEventListener("message",function(event){
// 检验域的合法性
if(event.origin =="http://www.webhek.com"){
// 输出日志信息
		console.log(event.data);
// 反馈消息
		event.source.postMessage("你也好吗!");}]);

8、autofocus属性能够让BUTTON, INPUT, 或 TEXTAREA元素在页面加载完成时自动成为页面焦点：