H5 新特性之全局属性三

最新推荐文章于 2024-08-31 17:25:57 发布

转载最新推荐文章于 2024-08-31 17:25:57 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/peijunma/p/6041195.html

本文介绍了一个包含多种HTML全局属性的示例页面，如hidden、tabindex、spellcheck及contenteditable等，并展示了这些属性如何应用于标签中，帮助读者理解其功能与使用场景。

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

//   
     window.document.designMode="on";
    </script>
</head>
<body>
<form data-type="comment" class="container">
    <h3>留言板</h3>
//hidden 隐藏  tabindex 焦点顺序 spellcheck="true"是否提醒拼写错误  contenteditable="true"是否可以编辑
    <label hidden>看见了吗</label>
    <p>
        <label >
            <span>姓名</span>
            <input tabindex="1">
        </label>
    </p>
    <p>
        <label >
            <span>邮件</span>
            <input tabindex="3">
        </label>
    </p>
    <p>
        <label >
            <span>留言</span>
            <textarea tabindex="2" spellcheck="true" cold="60" rows="5"></textarea>
        </label>
    </p>
    <table contenteditable="true">
        <tr>
            <td>数据1</td>
            <td>数据2</td>
        </tr>
    </table>
    <p contenteditable="true">请你留言</p>
</form>
</body>
</html>