随笔分类 - HTML

HTML5的新标签

摘要：实例返回下一个列表选项的 HTML 内容： var x = document.getElementById("item1").nextElementSibling.innerHTML; 定义和用法 nextElementSibling 属性返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元阅读全文

posted @ 2022-03-22 11:51 向前、向前阅读(113) 评论(0) 推荐(0) 编辑

HTML DOM classList 属性

摘要：定义和用法 classList 属性返回元素的类名，作为 DOMTokenList 对象。该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。语法 element.classList Properties 阅读全文

posted @ 2022-03-17 12:00 向前、向前阅读(65) 评论(0) 推荐(0) 编辑

HTML DOM insertBefore() 方法

摘要：实例列表中添加项: document.getElementById("myList").insertBefore(newItem,existingItem); 添加前: Coffee Tea 添加后: Water Coffee Tea 定义和用法 insertBefore() 方法可在已有的子节点阅读全文

posted @ 2022-03-16 15:45 向前、向前阅读(77) 评论(0) 推荐(0) 编辑

HTML中div总是比所包含的img高度高的问题

摘要：解决方案（任选一种）：1. div设置 font-size：0； 2. img设置 display：block； 3. div设置 display：flex； 4. img设置 vertical-align: middle; 原因： The white space displayed below i 阅读全文

posted @ 2022-03-04 14:18 向前、向前阅读(178) 评论(0) 推荐(0) 编辑

HTML 表单自动验证

摘要：HTML 表单验证也可以通过浏览器来自动完成。如果表单字段 (fname) 的值为空, required 属性会阻止表单提交：实例 <form action="demo_form.php" method="post"> <input type="text" name="fname" requir 阅读全文

posted @ 2022-02-18 13:59 向前、向前阅读(172) 评论(0) 推荐(0) 编辑

HTML <label> 标签

摘要：<label> 标签为 input 元素定义标注（标记）。 label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 <label> 标签的 for 阅读全文

posted @ 2022-01-04 15:52 向前、向前阅读(677) 评论(0) 推荐(0) 编辑

HTML <details> 标签点击显示和隐藏

摘要：标签用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边。阅读全文

posted @ 2021-12-16 14:48 向前、向前阅读(663) 评论(0) 推荐(0) 编辑

HTML5 <mark> 标签：部分文本高亮显示

摘要：<p>Do not forget to buy <mark>milk</mark> today.</p> 效果图阅读全文

posted @ 2021-12-16 14:44 向前、向前阅读(291) 评论(0) 推荐(0) 编辑

HTML <meter> 标签类似进度条

摘要：阅读全文

posted @ 2021-12-16 14:40 向前、向前阅读(42) 评论(0) 推荐(0) 编辑