博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html form 与table,form和table的区别
阅读量:6680 次
发布时间:2019-06-25

本文共 778 字,大约阅读时间需要 2 分钟。

html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交

而table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容

table仅仅只是用来布局用的,form则是用来封装数据的

2者在概念上是不同的,通常发挥作用的是form,但是form内那些无规则随意摆放的文本框怎么看上去很整齐呢 ,所以通常是一个form里嵌套table

比如:

用户名:    

看出form和table的区别了吧 ,真正要提交给服务器的东西 ,是包含在form里的form元素,table只是将这些元素在页面上摆放整齐

标签:

作用:

标签用于为用户输入创建 HTML 表单。

1.表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

2.表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

3.表单用于向服务器传输数据。

注释:form 元素是块级元素,其前后会产生折行。

例子:

First name:

Last name:

作用: 

1.简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

2。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

实例:

一个简单的 HTML 表格,包含两行两列:

Month Savings
January $100

转载地址:http://czxao.baihongyu.com/

你可能感兴趣的文章
Redis应用-位图
查看>>
前端工程不了解?带你踩坑加爬坑。
查看>>
分享一个简单的画刷动画效果:
查看>>
新年伊始也来谈谈Webfont
查看>>
(0,fn)()的执行原理
查看>>
地址栏中输入url到显示出网页间的过程
查看>>
H5 分层屏幕适配
查看>>
Django笔记---环境搭建
查看>>
[译]理解JS中的闭包
查看>>
推荐:聚合局域网服务的扫描插件 LN2(蓝图)
查看>>
自己总结的手写代码片段
查看>>
系统SDK介绍-01
查看>>
copy strong weak assign的区别
查看>>
SpringMVC运行原理
查看>>
Eureka简介以及工作原来
查看>>
iOS 后台语音播报功能开发过程中的那些坑
查看>>
Uniqlo与Fast Retailing发出警告 46万消费者账号遭入侵
查看>>
拯救不会函数的我!!
查看>>
js预解析+作用域+this指向
查看>>
iOS KVO监听readonly属性
查看>>