码迷,mamicode.com
首页 > Web开发 > 详细

HTML 5中的全局属性

时间:2017-07-27 22:39:57      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:readonly   列表   asc   code   strong   文本   doctype   text   ext   

1、contentEditable--在使用这个属性下的子元素为可编辑。属性是true/false

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>contentEditable属性示例</title>
</head>
<body>
    <h2>可编辑列表</h2>
    <ul contentEditable="true">
        <li>列表元素1</li>
        <li>列表元素2</li>
        <li>列表元素3</li>
    </ul>
</body>
</html>

2、designMode--整个可见页面(body)下的所有元素都可编辑 ,  注意:该属性这能在JavaScript中使用  属性值:on/off

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>designMode属性示例</title>
</head>
<body>
    <h2>可编辑</h2>
    <ul>
        <li>可编辑</li>
        <li>可编辑</li>
        <li>可编辑</li>
    </ul>
    <script>
         document.designMode = "on";
    </script>
</body>
</html>

3、spellcheck 只针对 textarea和input,它的功能对用户输入的文本内容进行拼写和语法检查。注意如果元素本身的readOnly或disabled为true,那么就不执行拼写检查

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>spellcheck</title>
</head>
<body>
    <!-- spellcheck 只针对 textarea和input,
         它的功能对用户输入的文本内容进行拼写和语法检查。
         注意如果元素本身的readOnly或disabled为true,
         那么就不执行拼写检查 -->
    <textarea spellcheck="true"></textarea>
    <input type="text" spellcheck="false">
</body>
</html>

 

HTML 5中的全局属性

标签:readonly   列表   asc   code   strong   文本   doctype   text   ext   

原文地址:http://www.cnblogs.com/webBlog-gqs/p/7247493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!