资讯专栏INFORMATION COLUMN

表格与表单

libin19890520 / 2011人阅读

摘要:表格表单表格表单一表格一表格基本结构基本结构常用属性常用属性表格外框及单元格外框单元格的内边距单元格之间的间距,最小为边框规则行合并该单元格占多行列合并该单元格占多列列宽占比标题方位垂直水平居中垂直水平居中

表格表单

一、表格

1、基本结构

2、常用属性

table
-- border: :表格外框及单元格外框
-- cellpadding: :单元格的内边距
-- cellspacing: :单元格之间的间距,最小为0
-- rules:rows、cols、groups、all:边框规则

td
-- rowspan: :行合并(该单元格占多行)
-- colspan: :列合并(该单元格占多列)
-- width: : %:列宽占比

caption
-- align: left | right | top | bottom:标题方位

3、垂直水平居中

.sup {
    width: 200px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.sub {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

二、表单

1、基本结构

2、input常用类型

text、password、hidden、radio、checkbox、reset、submit

3、常用类型标签

  • 文本框
  • 密文框
  • 单选框
  • 复选框
 篮球
 足球
 乒乓球 
 棒球
  • 下拉选项



  • 多行文本输入

  • 按钮











4、全局属性

  • required:必填项
  • pattern:正则

5、伪类

  • focus:获得焦点

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1742.html

相关文章

  • HTMl基础

    摘要:每个表格均有若干行由标签定义,每行被分割为若干单元格由标签定义。字母指表格数据,即数据单元格的内容。数据单元格可以包含文本图片列表段落表单水平线表格等等。表格最重要的目的是显示表格类数据。规定在提交表单时所用的方法默认。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

    番茄西红柿 评论0 收藏0
  • 01 【零基础入门】html学习笔记(2)

    摘要:,表单的两个常见属性为填写表单的人提供一个输入提示。可用于任何表单控件,表示这个域是必要的,如果不填,则无法提交表单。,表格,表格由行中的数据单元格组成,列隐含地定义在行中。,表格应用于表示表格数据,而不是建立页面布局。 1,如何设计一个页面 1) 先规划好web页面的结构,首先画出一个草图,然后创建一个略图,最后再写html2) 规划页面时,先设计大的块元素,再用内联元素...

    kamushin233 评论0 收藏0
  • 补习前端(css+html)基础-1:

    摘要:标签将表单内容的一部分打包,生成一组相关表单的字段。提示和注释注释元素是空元素,它仅包含属性。注释此元素只能存在于部分,不过它可出现任何次数。属性属性规定当前文档与被链接文档之间的关系。该标签用于组合表格的主体内容。 1.HTML 标签: 实例 组合表单中的相关元素: health information height: weight: 定义和用法 fieldset 元素...

    marek 评论0 收藏0
  • 补习前端(css+html)基础-1:

    摘要:标签将表单内容的一部分打包,生成一组相关表单的字段。提示和注释注释元素是空元素,它仅包含属性。注释此元素只能存在于部分,不过它可出现任何次数。属性属性规定当前文档与被链接文档之间的关系。该标签用于组合表格的主体内容。 1.HTML 标签: 实例 组合表单中的相关元素: health information height: weight: 定义和用法 fieldset 元素...

    douzifly 评论0 收藏0
  • HTML之body标签中的相关标签补充

    摘要:一列表标签列表标签分为三种。二表格标签表格标签用表示。单元格和单元格之间的距离外边距,像素为单位。例如表示当前单元格在水平方向上要占据两个单元格的位置。输入标签文本框输入标签文本框用于接收用户输入。一 列表标签   列表标签分为三种。   1、无序列表,无序列表中的每一项是     英文单词解释如下:       a.ul:unordered list,无序列表的意思。       b.l...

    felix0913 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<