<textarea>,<title>,<template>,<table>,<tbody>,<thead>,<tfoot>,<tr>,<td>,<th>标签文档

<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