[html5/css3]html5的全局属性 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html5全局属性</title>

<script type="text/javascript">
window.onload=function(){
    //开启 页面编辑功能 ,此时contenteditable属性失去作用 
    //文本域失去作用无法输入 
 // window.document.designMode="on";
    
}
  
</script>
</head>
<body>
  <!-- 
   
    html5的全局属性：
      contenteditable :
      designMode:
      hidden:
      spellcheck:
      tabindex:
  
   -->
  <!--添加全局属性 contenteditable="true",此内容可以在网页中进行编辑  -->
  <ul contenteditable="false">
    <li id="s">html5</li>
    <li>css3</li>
  </ul>
    
    <!-- 全局属性之hidden,boolean值 -->
   <a hidden="" href="http://www.google.com">我的编程之路</a>
   
   <!-- 
   
   html5对 input(type=text)和textarea属性提供spellcheck属性,进行拼写检查
   语法比较严格，必须明确指定true或者false
    -->
   <input  spellcheck="true">
   
   <textarea spellcheck="false" rows="10" cols="5" ></textarea>
   
    <time>9:00</time> 开始营业,<time  datetime="2022-02-10 10:11:11">爱人节</time>
    
   <!-- 
   tabindex
   它主要是设置页面上使用Tab键改变页面上文本框获取焦点的顺序。它的值为数字，1,2,3。。。
默认进入页面，光标（即焦点）会选中左上方第一个文本框。 
   
   
    -->
    
    <input tabindex="1">
     <input tabindex="2">
      <input tabindex="3">
       <input tabindex="5">
        <input tabindex="7">

</body>
</html>

 

posted @ 2015-01-20 09:26  snow__wolf  阅读(164)  评论(0)    收藏  举报