• <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,这样做浏览器可以在得到所有数据前呈现页头和页脚。这三个元素用于表格分组,让我们有能力创建复杂的表格,另外当表格正文较长而出现滚动时,长表格被打印时,它的页头和页脚可出现在每个页面上。

    优秀文章首发于聚享小站,欢迎关注!
  • 相关阅读:
    Activity相关知识点总结
    大端和小端
    两年前端感悟
    线性结构与树形结构相互转换(ES6实现)
    基于webpack的React项目搭建(三)
    MySQL安装之yum安装
    EL表达式中fn函数
    配置Log4j 详解
    Canvas学习:封装Canvas绘制基本图形API
    canvas
  • 原文地址:https://www.cnblogs.com/yesyes/p/15356637.html
Copyright © 2020-2023  润新知