zoukankan      html  css  js  c++  java
  • html5 新增通用属性

    1    contentEditable 属性
            html5 为大部分Html元素都增加了contentEditable属性,如果将该 属性设为true,那么浏览器将会允许开发者直接编辑该html元素里的内容。此处的html元素并不是指那些原本就允许用户输入 的表单元素,如文本框,文本域之类的,而是把<table> ,<div>等元素变成可编辑状态。
            contentEditable 具有“可继承” 的特点 ,如果一个html元素的父元素是 "可编辑"的,那么它默认也是可编辑的,除非显示的指定
    contentEditable="false";
            当用户编辑完后,编辑的内容会直接显示在页面上,不要刷新页面,那样页面重载,编辑的内容就没有了。只能通过该元素的innerHTML
    属性来获取编辑后的内容
     
    2    designMode
            designMode 相当于一个全局的contentEditable ,如果把整个页面的designMode设成on ,那么整个页面中直接 contentEditable属性的元素都变成可编辑状态,默认designMode='off';
     
     
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    </head>
    <body ondblclick="document.designMode='on';">
    <div>aaaa</div>
    <table style="420px;border-collapse:collapse" border="1">
    <tr>
    <td>疯狂Java讲义</td>
    <td>疯狂Android讲义</td>
    </tr>
    </table>
    </body>
    </html>
     
    3     hidden属性 (基本支持)
            html5为所有元素提供了hidden属性,这个hidden属性支持true  ,false 两个属性值,一个把html的元素设为hidden="true" ,意味着通知浏览器不显示该组件,浏览器也不会保留该组件所占的空间,相当于css中display:none;
     
    4    spellcheck 属性 (谷歌暂不支持)
     
            html 为input ,textarea等元素增加了spellcheck 属性,该属性可支持true ,false两个属性值,如果设置该属性为true,它会为你写的单词做检查,并对拼错的单词进行提示
     
     
     
     
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    1451. Rearrange Words in a Sentence
    1450. Number of Students Doing Homework at a Given Time
    1452. People Whose List of Favorite Companies Is Not a Subset of Another List
    1447. Simplified Fractions
    1446. Consecutive Characters
    1448. Count Good Nodes in Binary Tree
    709. To Lower Case
    211. Add and Search Word
    918. Maximum Sum Circular Subarray
    lua 时间戳和时间互转
  • 原文地址:https://www.cnblogs.com/soofly/p/3460901.html
Copyright © 2011-2022 走看看