标签
1.1 说明
在HTML 中定义表格布局。
1.2格式
1.3 包含的元素
:表头信息。
:定义一个表格行;
| :定义一个表格头;若是纯文字,默认会以粗体的样式表现。
:可以理解为表格的内容区域,在Chrome、FF浏览器通过DOM进行表格动态插入行的时候,要使用这个。如果不进行DOM操作,可不用添加。
| :定义一个单元格;
1.4 属性
table 属性:
border :定义表格的边框宽度,默认为0,即无边框。
title :表格的提示信息,当鼠标移到表格上方时,所提示的信息。
th、td 属性:
colspan : 表示横向合并单元格 ( )
rowspan :表示纵向合并单元格 ( )
1.5 示例
2.
2.4 应用场景
表单主要用于向服务器传输数据;如常见的登录、注册页面。
3. form 表单提交方式
3.1 get 方式
3.1.1 说明
form表单里所填的值,附加在action指定的URL后面,做为URL链接而传递。
3.1.2 示例
在上面的form代码中输入如下:
账号:admin
密码:123456
点击提交后:URL变为:
http://localhost:4778/ashx/login.ashx?login_username=admin&login_pswd=123456
变量提交的样式为:html元素的name属性=提交的值。多个变量,以 & 符号隔开。
3.2 post 方式
3.2.1 说明
form表单里所填的值,附加在HTML Headers上。
3.2.2 示例
同上面get方式一样。
账号:admin
密码:123456
点击提交后:URL变为
http://localhost:4778/ashx/login.ashx
可看到只是action指定的URL,参数并没有附加在URL后面。
通过Fiddler软件,可以查看到HTML Header区域:有个名为WebKitFormBoundary2T7xmZEtMRQeAhNh 的对象
查看【Raw】区域,可看见里面包含了提交的变量
3.3 get 与 post 的区别
①数据的查询:比如浏览论坛时,URL一般包含了分类、页码数、每页记录数等信息。 get 方式,能一目了然的看到所要查询的信息(条件)。 post 因为隐藏掉了这些信息,不方便进行检验查询条件。
②敏感数据的提交(安全性):对一项记录,进行更改、添加操作时,比如注册用户、更改用户资料等。get 方式附加在URL上,会泄露掉敏感的消息。 post 方式,能隐藏掉敏感的信息。
③大数据文本传递:get 虽然方便查询,但由于是附加在URL上,各浏览器对URL也有个长度限制。IE :2048字符。Chrome、FF 好像是 8182字符。post 好像没此限制。
==================================系列文章==========================================
本篇文章:1.5 table、form表单标签的介绍
Web开发之路系列文章
1.HTML
1.1 HTML页面源代码布局介绍
1.2 HTML基础控件介绍
1.3 iframe 和 frameset 的区别
1.4 name、id、class 的区别
1.5 table、form表单标签的介绍以及get和post提交方式
1.6 HTML kbd键盘元素
1.7 HTML 鼠标坐标和元素坐标
2.CSS 层叠样式表
2.1 CSS 选择器及各样式引用方式
2.2 CSS HTML元素布局及Display属性
2.3 CSS Float 浮动属性
2.4 CSS Position 定位属性
3.JavaScript介绍
3.1 JavaScript var关键字、变量的状态、异常处理、命名规范等介绍
3.2 JavaScript function函数种类
3.3 JavaScript Array对象
3.4 JavaScript Date对象
3.5 JavaScript Math和Number对象
3.6 JavaScript String对象
3.7 JavaScript Object对象
3.8 JavaScript 自定义对象
3.9 JavaScript 对象属性介绍
3.10 JavaScript 开发规范
4.BOM
4.1 HTML BOM Browser对象
4.2 HTML 获取屏幕、浏览器、页面的高度宽度
4.3 HTML URL地址解析
5.DOM
5.1 HTML DOM 介绍
5.2 HTML DOM 对象
5.3 HTML 事件(一) 事件的介绍
5.4 HTML 事件(二) 事件的注册与注销
5.5 HTML 事件(三) 事件流与事件委托
5.6 HTML 事件(四) 模拟事件操作
6.HTML5
6.1 HTML5 介绍
6.2 HTML5 语义元素(一)页面结构
6.3 HTML5 语义元素(二)文本内容
6.4 HTML5 input元素新的特性
6.5 HTML5 progress和meter控件
6.6 HTML5 sessionStorage会话存储
6.7 HTML5 localStorage本地存储
6.8 HTML5 元素属性介绍
7.ExtJS 4.2
7.1 ExtJS 4.2 介绍
7.2 ExtJS 4.2 第一个程序
7.3 ExtJS 4.2 组件介绍
7.4 ExtJS 4.2 组件的查找方式
7.5 ExtJS 4.2 业务开发(一)主页搭建
7.6 ExtJS 4.2 业务开发(二)数据展示和查询
7.7 ExtJS 4.2 业务开发(三)数据添加和修改
7.8 ExtJS 4.2 Grid组件的单元格合并
7.9 ExtJS 4.2 Date组件扩展:添加清除按钮
7.10 ExtJS 4.2 评分组件
8.CSS 3
8.1 CSS3 border-radius边框圆角
8.2 CSS3 background-image背景图片相关介绍
只是记录了自己在学习、使用Web前端内容时的心得和碰到的问题。
参考文献:
1)http://www.w3school.com.cn/
2)《JavaScript权威指南(第六版)》
本站声明: 本文章由作者或相关机构授权发布,目的在于传递更多信息,并不代表本站赞同其观点,本站亦不保证或承诺内容真实性等。需要转载请联系该专栏作者,如若文章内容侵犯您的权益,请及时联系本站删除。
Python和Java是两种广泛应用于编程领域的高级编程语言,它们各有优劣。本文从程序设计应用、系统资源占用、高性能处理和语言特点等四方面详细介绍两种编程语言的区别。
关键字:
python
java
高性能处理
在这篇文章中,小编将为大家带来Java接口的相关报道。如果你对本文即将要讲解的内容存在一定兴趣,不妨继续往下阅读哦。
关键字:
java
接口
Interface
7月29日,Qorvo公布了截至2020年6月27日的2021财年第一财季(对应自然年为2020年2季度)业绩。财报显示,2021财年第一季度营收为7.87亿美元,同比上升1.53%,Qorvo首席财务官表示,5G的推出...
关键字:
Qorvo
5G射频
前端
应该有不少小伙伴有假期打工的经历,那今天就来给公众号的读者朋友们分享一个二哥编程星球里一个球友在富士康打工 50 天的感受,相信大家看完后会深深触动的。
关键字:
物联网
java
博客
为了快速解决这些问题,鱼皮决定带大家一起学习和鉴定一些网络热门编程项目,希望能帮大家更快地选择适合自己的项目,少走弯路~本次是第 2 期,也是我 星球 里呼声相对比较高的项目 —— 尚医通(网上的视频教程总播放量过百万)...
关键字:
在线预约挂号项目
前端
后端
前端传递:表名 user,字段 username 字符串、age 数字、is_ikun 布尔,并且把这些值封装为了一个对象
关键字:
框架
前端
摘要:随着互联网经济的迅速普及,越来越多的消费者开始使用移动应用程序完成各种各样的电子商务活动。为了在不同的移动平台上最大限度地吸引消费者,选择一套合适的、兼容性可靠、成本较低的电子商务移动应用程序开发解决方案成为一个极...
关键字:
移动开发
web开发
前端
在过去的几年中,Python的普及速度令人惊叹,Java的王者地位也常年不衰。目前两者的竞争愈发激烈,怎么选择成为了许多初学者萦绕心中的问题,网上有很多版本的说法牵引着他们的思维,让本来很简单的问题复杂化。
关键字:
python
java
我们都知道,浏览一个网页,有两个很主要的“电脑”在共同运行,一台是远程的,为你提供网页数据的“服务器”,一台是你正在使用的客户端电脑。
关键字:
javascript
java
在各种网页制作技术论坛中,常常有人询问javascript与Java有什么区别,甚至有人误认为javascript就是Java。javascript与Java确实有一定的联系,但它们并不像我们想象的那样联系紧密,甚至可以...
关键字:
javascript
java
对于很多初学者来讲,不太清楚Java和C语言的区别,为了让那个大家更清晰的了解,近日特意给大家归纳了一些两者的大致区别,希望能够给大家带来一定的帮助作用,也欢迎大家进行详细补充和归纳。
关键字:
C语言
java
今天我们来放松下心情,不聊分布式,云原生,来聊一聊初学者接触的最多的 java web 基础。
关键字:
Spring
xml
java
在开发、刷题、面试中,我们可能会遇到将一个对象的属性赋值到另一个对象的情况,这种情况就叫做拷贝。拷贝与Java内存结构息息相关,搞懂Java深浅拷贝是很必要的!
关键字:
java
嵌入式
池化技术,简单来说就是提前保存大量的资源,以备不时之需。比如我们的对象池,数据库连接池等。
关键字:
java
嵌入式
进程是程序的一次执行,是系统进行资源分配和调度的独立单位,他的作用是是程序能够并发执行提高资源利用率和吞吐率。
关键字:
java
嵌入式
一文了解Intellij IDEA常用设置。
关键字:
java
嵌入式
身为 Java Web开发我发现很多人一些Web基础问题都答不上来。上周我面试了一个三年经验的小伙子,一开始我问他 HTTP/1、HTTP/2相关的他到是能答点东西出来。后来我问他:你知道HTTP的本质是什么吗? 他支支...
关键字:
java
嵌入式
因为上篇文章HashMap已经讲解的很详细了,因此此篇文章会简单介绍思路,再学习并发HashMap就简单很多了。上一篇文章中,我们最终知道HashMap是线程不安全的,因此在老版本JDK中提供了HashTable来实现多...
关键字:
java
嵌入式