HTML5属性变化 -- 笔记 - 图2review0506

  1. <!DOCTYPE html>
  2. <html lang="en" manifest="cache.manifest">
  3.     <!-- manifest定义页面离线应用文件 -->
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>review0506</title>
  7.     <script type="text/javascript">
  8.         document.write("hello 128 script内部文字");
  9.     </script>
  10.     <script type="text/javascript" src="script.js"></script>
  11.     <!-- 1、defer：规定当前页面已完成加载后，才会执行的脚本 -->
  12.     <!-- 2、async：规定一旦脚本可用，则会异步执行 -->
  13.     <script type="text/javascript" src="alert.js"></script>
  14.     <script type="text/javascript" src="defer.js"></script>
  15. </head>
  16. <body>
  17.     <p>body内的文字</p>
  18.     <hr>
  20.     <!-- 电子邮件input类型 -->
  21.     <input type="email" name="">
  22.     <hr>
  24.     <!-- 统一资源定位符 -->
  25.     <input type="url" name="url">
  26.     <hr>
  28.     <!-- 电话号码 -->
  29.     <input type="tel" name="tel">
  30.     <hr>
  32.     <!-- 数字number类型 -->
  33.     <input type="number" name="">
  34.     <hr>
  36.     <!-- 年月日 -->
  37.     <input type="date" name="date">
  38.     <hr>
  40.     <!-- 年月 -->
  41.     <input type="month" name="month">
  42.     <hr>
  44.     <!-- 年周 -->
  45.     <input type="week" name="week">
  46.     <hr>
  48.     <!-- 时间 -->
  49.     <input type="time" name="">
  50.     <hr>
  52.     <!-- 年月日时分 utc时间 -->
  53.     <input type="datetime" name="">
  54.     <hr>
  56.     <!-- range input -->
  57.     <input type="range" name="range" min="1" max="10">
  58.     <hr>
  60.     <!-- search input -->
  61.     <input type="search" name="search">
  62.     <hr>
  64.     <!-- color input -->
  65.     <input type="color" name="">
  66.     <hr>
  68.     <!-- autocomplete  属性 -->
  69.     <!-- Form或者input域自动完成的功能 -->
  70.     <!-- autofocus属性  -- 用户友好体验 -->
  71.     <!-- 规定在页面加载时候，域自动获得焦点 -->
  72.     <!-- placeholder属性提供一种提示（hint） -->
  73.     <!-- required属性 -->
  74.     <!-- 规定必须在提交之前填写输入项（校验不能为空） -->
  75.     <form action="success.html" autocomplete="on">
  76.         <input type="text" name="text" autofocus="autofocus" placeholder="请输入text 可以为空">
  77.         <input type="email" name="email" autocomplete="off" multiple="multiple" placeholder="请输入email 不能为空" required="required">
  78.         <input type="submit" value="提交" name=""><br>
  79.         <input type="file" multiple="multiple" name="">
  80.     </form>
  81.     <hr>
  83.     <a href="success.html" target="_blank">success</a>
  84.     <hr>
  86.     <ol start="5" reversed="reversed">
  87.         <li>html</li>
  88.         <li>html5</li>
  89.         <li>css</li>
  90.         <li>css3</li>
  91.         <li>JavaScript</li>
  92.     </ol>
  93. </body>
  94. </html>