功能性标签和属性

details
类似折叠面板点击显示/隐藏

<details>
  <summary>点击显示/隐藏</summary>
  <div>me</div>
</details>

contenteditable
可编辑内容

<div contenteditable="true">点击我，输入文字。</div>

datalist
可搜索选择输入框内容 以input list属性 对应datalist 的id来绑定

<input list="list" name="name" id="name">
<datalist id="list">
   <option value="张三">
   <option value="张六">
   <option value="李四">
   <option value="马四">
   <option value="王五">
</datalist>

progress
进度条

<progress id="file" value="32" max="100"> 32% </progress>

meter
标记值

<meter id="score" value="0.3"></meter>
<label for="score">30</label>