热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

2016.3.8__HTML基础_第二天

HTML基础如果您觉得这篇文章还不错,可以去H5专题介绍中查看更多相关文章。0.今日课程预览1.块属性标签和行属性标签1.1块属性标签和行属性标签的特征块属性标签全部都独占一行

HTML 基础

如果您觉得这篇文章还不错,可以去H5专题介绍中查看更多相关文章。

0.今日课程预览




单元格
单元格
单元格
单元格


单元格
单元格
单元格
单元格



单元格
单元格
单元格
单元格



单元格
单元格
单元格
单元格



单元格
单元格


单元格
单元格
单元格
单元格



单元格
单元格
单元格
单元格
















3 表单的使用

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签()定义。

3.1 输入

多数情况下被用到的表单标签是输入标签()。

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

3.1.1 文本域(Text Fields)

当用户要在表单中键入字母、数字等内容时,就会用到文本域。


First name:



Last name:


First name:
Last name:

注意,表单本身并不可见。

同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

3.1.2 单选按钮(Radio Buttons)

当用户从若干给定的的选择中选取其一时,就会用到单选框。


Male


Female

Male
Female

注意,只能从中选取其一。

3.1.3 复选框(Checkboxes)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。



I have a bike



I have a car

I have a bike
I have a car
3.1.4 表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。

表单的动作属性定义了目的文件的文件名。

由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。


Username:



Username:

假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 “html_form_action.asp” 的页面。

该页面将显示出输入的结果。

3.1.5 属性列表
标签 描述
定义供用户输入的表单
定义输入域









4 Post 和 Get 的区别

**1.**GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),

以?分割URL和传输数据,参数之间以&相连,如:

login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。

如果数据是英文字母/数字,原样发送,如果是空格,转换为+,

如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以16进制表示的ASCII。

POST把提交的数据则放置在是HTTP包的包体中。
  

2.”GET方式提交的数据最多只能是1024字节,理论上POST没有限制,

可传较大量的数据,IIS4中最大为80KB,IIS5中为100KB”??!

  以上这句是我从其他文章转过来的,其实这样说是错误的,不准确的:
  
  (1).首先是”GET方式提交的数据最多只能是1024字节”,因为GET是通过URL提交数据,那么GET可提交的数据量就跟URL的长度有直接关系了。
  
  而实际上,URL不存在参数上限的问题,HTTP协议规范没有对URL长度进行限制。
  
  这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。
  
  对于其他浏览器,如Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统的支持。
  
  注意这是限制是整个URL长度,而不仅仅是你的参数值数据长度。[见参考资料5]
  
  (2).理论上讲,POST是没有大小限制的,HTTP协议规范也没有进行大小限制,
  
  说“POST数据量存在80K/100K的大小限制”是不准确的,POST数据是没有限制的,
  
  起限制作用的是服务器的处理程序的处理能力。
  
  
3.在ASP中,服务端获取GET请求参数用Request.QueryString,

获取POST请求参数用Request.Form。

在JSP中,用request.getParameter(\”XXXX\”)来获取,

虽然jsp中也有request.getQueryString()方法,但使用起来比较麻烦,

比如:传一个test.jsp?name=hyddd&password=hyddd,

用request.getQueryString()得到的是:name=hyddd&password=hyddd。

在PHP中,可以用GET和_POST分别获取GET和POST中的数据,

而REQUEST则可以获取GET和POST两种请求中的数据。

值得注意的是,JSP中使用request和PHP中使用_REQUEST都会有隐患。

**4.**POST的安全性要比GET的安全性高。

注意:这里所说的安全性和上面GET提到的“安全”不是同个概念。

上面“安全”的含义仅仅是不作数据修改,而这里安全的含义是真正的Security的含义,

比如:通过GET提交数据,用户名和密码将明文出现在URL上,因为(1)登录页面有可能被浏览器缓存。

(2)其他人查看浏览器的历史纪录,那么别人就可以拿到你的账号和密码了,

除此之外,使用GET提交数据还可能会造成Cross-site request forgery攻击。

总结一下,Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,

在FORM(表单)中,Method默认为”GET”,实质上,GET和POST只是发送机制不同,

并不是一个取一个发!

练习 :创建第一个百度界面












1
2
3
4
5
6
7
8








































这里写图片描述
这里写图片描述


推荐阅读
author-avatar
oyy8610406
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有