HTML5+CSS3-充实笔记0620

247

收藏 2019-06-20

multiple属性：设置Input元素是否可以有多个值
<input type="email/file" name="test" multiple /> <br />
pattern属性：用于设置验证input元素的方式为正则表达式
placeholder属性：input元素在内容为空时的提示信息
required属性
ch7. File API
解决Flash/Silverlight/第三方ActiveX控件无法跨平台、跨浏览器和跨设备操作问题。
7.1 Blob对象
HTML5中，blob对象是用于存储二进制文件对象的基础，可以是二进制数据，还可以设置MIME类型
blob对象需要BlogBuilder之类的方式来创建，或者使用mozSlice/webkitSlice方法来分割出新的Blob对象
<!DOCTYPE html>
<html>
<head>
   <title>7.1.1.html</title>
   <meta charset="utf-8">
   <script type="text/javascript">
      var data='<h3>Blob对象</h3>';
      var blob= new Blob([data],{"type":"text/html"});
      onload=function(){
         var iframe = document.createElement("iframe");
         iframe.src=URL.createObjectURL(blob);
         document.body.appendChild(iframe);
      };
   </script>
</head>
<body>
</body>
</html>
blob对象的构造中，有两个参数：一个是数组，组装Blob对象，第二个参数是它的配置属性
页面加载时，创建一个IFrame对象，并使用该对象的URL来访问它。