H5实现table表格可填写可展示

以下是一个使用H5实现的可填写可展示的表格示例：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>性别</th>
      <th>年龄</th>
      <th>邮箱</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td contenteditable="true">张三</td>
      <td contenteditable="true">男</td>
      <td contenteditable="true">25</td>
      <td contenteditable="true">zhangsan@example.com</td>
    </tr>
    <tr>
      <td contenteditable="true">李四</td>
      <td contenteditable="true">女</td>
      <td contenteditable="true">30</td>
      <td contenteditable="true">lisi@example.com</td>
    </tr>
    <tr>
      <td contenteditable="true">王五</td>
      <td contenteditable="true">男</td>
      <td contenteditable="true">28</td>
      <td contenteditable="true">wangwu@example.com</td>
    </tr>
  </tbody>
</table>

在上面的示例中，我们使用`<table>`标签创建一个表格，并在`<thead>`中定义表头，`<tbody>`中定义表格内容。为了让表格可填写，我们在每个`<td>`元素中加入了`contenteditable="true"`属性，表示该元素可以被编辑。用户可以在网页中直接点击单元格并输入内容。

这个表格还可以通过CSS样式进行美化和调整。例如，可以设置单元格的宽度、高度、边框等属性，以及表头和表格内容的背景颜色、字体大小等。