当前位置:  首页  >  前端开发  >  HTML

带你掌握HTML中table和form表单

篇主要介绍table、form标签以及表单提交方式。目录1.<table>标签:在HTML中定义表格布局。2.<form>标签:用于创建HTML表单。3.表单提交方式:介绍get、post方法。
  本篇主要介绍 table、form标签以及表单提交方式。

目录

1.

标签:在HTML 中定义表格布局。

2.
标签:用于创建 HTML 表单。

3. 表单提交方式:介绍get、post方法。

1.
标签

1.1 说明

在HTML 中定义表格布局。

1.2格式

                     

1.3 包含的元素

:表头信息。

:定义一个表格行;

:定义一个表格头;若是纯文字,默认会以粗体的样式表现。

:可以理解为表格的内容区域,在Chrome、FF浏览器通过DOM进行表格动态插入行的时候,要使用这个。如果不进行DOM操作,可不用添加。

:定义一个单元格;

1.4 属性

table 属性:

  border :定义表格的边框宽度,默认为0,即无边框。

  title :表格的提示信息,当鼠标移到表格上方时,所提示的信息。

th、td 属性:

  colspan : 表示横向合并单元格 ( )

1.5 示例

表格标题
姓名 年龄
张三 22

action {URL}:一个URL地址;指定form表单向何处发送数据。

enctype {string}:规定在发送表单数据之前,如何对表单数据进行编码。

指定的值有:application/x-www-form-urlencoded :在发送前编码所有字符(默认为此方式);

      multipart/form-data :不对字符编码。使用包含文件上传控件的表单时,必须使用该值

method {get/post}:指定表单以何种方式发送到指定的页面。

指定的值有:get :form表单里所填的值,附加在action指定的URL后面,做为URL链接而传递。

      post :form表单里所填的值,附加在HTML Headers上。

2.3 示例


    

1. HTML免费视频教程

2. 详解html中form表单的参数和属性

3. 详解form标签中的method属性

4. HTML表单的详细介绍

5. 详解form表单的工作过程

以上就是带你掌握HTML中table和form表单的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有