热门标签 | 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








































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


推荐阅读
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 本文探讨了如何通过最小生成树(MST)来计算严格次小生成树。在处理过程中,需特别注意所有边权重相等的情况,以避免错误。我们首先构建最小生成树,然后枚举每条非树边,检查其是否能形成更优的次小生成树。 ... [详细]
  • 程序员妻子吐槽:丈夫北漂8年终薪3万,存款情况令人意外
    一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • QBlog开源博客系统:Page_Load生命周期与参数传递优化(第四部分)
    本教程将深入探讨QBlog开源博客系统的Page_Load生命周期,并介绍一种简洁的参数传递重构方法。通过视频演示和详细讲解,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
  • 在 Windows 10 中,F1 至 F12 键默认设置为快捷功能键。本文将介绍几种有效方法来禁用这些快捷键,并恢复其标准功能键的作用。请注意,部分笔记本电脑的快捷键可能无法完全关闭。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 本文探讨了如何像程序员一样思考,强调了将复杂问题分解为更小模块的重要性,并讨论了如何通过妥善管理和复用已有代码来提高编程效率。 ... [详细]
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社区 版权所有