乐趣区

关于html:你不知道的-HTML1

meter 标签

meter 标签能够用来示意已知范畴的数值,例如:

<meter min="0" max="500" value="350"></meter>

在 Chrome 上会显示为:

required 属性

有的时候 React、Vue、antd 等框架和库用的多了,对原生的 html 标签反而不相熟了。事实上,原生的 html 标签也反对表单的必填校验,设置 required 属性为 true 即可。

<form>
  <input type="text" id="username" name="username" required="required" />
  <input type="submit" />
</form>

如果输入框中没有填值就点击「提交」按钮,输入框下方会呈现以下提醒:

download 属性

download 属性次要被用在 link 标签里,来使用户能够从网页上下载文件。例如:

<div>
  <a href="image.png" download="imageName"> 下载图片 </a>
</div>

能够把新的文件名作为值传给 download 属性。

abbr 标签

abbr 标签用于代表缩写,并且能够通过可选的 title 属性提供残缺的形容。

当鼠标 hover 在 abbr 标签上时,鼠标上会悬浮出 title 的属性中的内容。

<p>
  You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your
  <abbr title="HyperText Markup Language">HTML</abbr>.
</p>

退出移动版