<textarea>，<title>，<template>，<table>，<tbody>，<thead>，<tfoot&

2021-09-30 14:35:32 阅读：91 来源： 互联网

<textarea>标签

说明：该标签定义多行文本，文本区可容纳无限数量的文本，默认等宽字体。autofocus属性规定页面加载后自动获取焦点，逻辑属性。cols属性规定文本区可见宽度，值为数字。disabled属性规定文本区禁用，逻辑属性。form属性规定文本区所属的表单，值为表单id。maxlength属性规定文本区域最大字符数，值为数字。minlength属性规定文本区域最x小字符数，值为数字（IE不支持）。name属性规定文本区名称，主要为脚本提供一个钩子。placeholder 属性规定文本区的提示信息。readonly属性规定文本只读，逻辑属性。required属性规定文本区为必填项，逻辑属性。rows属性规定文本区可见行数，值为数字。wrap属性规定提交表单时，文本区内容如何换行，默认值soft表示不换行，值hard表示把换行符一并提交，使用hard模式必须设置cols属性。

<title>标签

说明：该标签定义文档的标题。必须在head元素内部使用。

<template>标签

说明：该标签是一种用于保存客户端内容的机制，它所包含的内容在页面加载时不会被渲染，但可以通过JavaScript进行实例化，不过内容虽然有效在客户端能正常显示，但内容不会被成渲染成dom。他有一个只读的content属性用来读取模板内容，可通过该属性判断浏览器是否支持template元素，判断方法'content' in document.createElement('template')。目前IE不支持该元素。

<table>标签

<table>
   <tr>
    <th>班级</th>
    <th>人数</th>
   </tr>
  <tr>
    <td>一班</td>
    <td>60人</td>
  </tr>
  <tr>
    <td>二班</td>
    <td>65人</td>
  </tr>
  <tr>
    <td>三班</td>
    <td>70人</td>
  </tr>
</table>

说明：该标签用于定义表格。tr元素定义表格行，th定义表头，td定义单元格。

<thead><tfoot><tbody>标签

<table>
<thead>
   <tr>
    <th>班级</th>
    <th>人数</th>
   </tr>
</thead>
<tfoot>
  <tr>
    <td>总数</td>
    <td>195人</td>
  </tr>
</tfoot>
<tbody>
  <tr>
    <td>一班</td>
    <td>60人</td>
  </tr>
  <tr>
    <td>二班</td>
    <td>65人</td>
  </tr>
  <tr>
    <td>三班</td>
    <td>70人</td>
  </tr>
</tbody>
</table>

说明：thead用于定义表头，tfoot用于定义表格的页脚，tbody定义表格主题。这三个元素必需一起使用，缺一不可，并且顺序是thead,tfoot,tbody，这样做浏览器可以在得到所有数据前呈现页头和页脚。这三个元素用于表格分组，让我们有能力创建复杂的表格，另外当表格正文较长而出现滚动时，长表格被打印时，它的页头和页脚可出现在每个页面上。

标签：定义,表格,标签,值为,文档,文本,属性
来源： https://www.cnblogs.com/yesyes/p/15356637.html