【HTML】html 小技巧

版权声明: https://blog.csdn.net/Coding_Fox/article/details/48239495

1. 导航区域

利用<nav>元素

</pre><pre name="code" class="html"><nav>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</nav>


2. 相对地址

</pre>***/***:正常检索<p></p><p>../:寻找上级目录</p><p>/***:回到根目录检索</p><p></p><p>3. 表单中 placeholder 提供示例输入</p><p>placeholder 既可以显示默认值,又可以在获得焦点后停止显示。</p><p><pre name="code" class="html"><form>
    <p>Username:<br>
        <input type="text" value="" placeholder="Rob William">
    </p>
    <p>Password:<br>
        <input type="password" value="">
    </p>
</form>
要注意的是旧浏览器对新特性的支持问题,可以用 js 库中的填平剂(polyfill)弥补。运行初始化示例:

<script src="Placeholders.js"></script>
<script>
    Placeholders.init();
</script>




展开阅读全文

没有更多推荐了,返回首页