HTML 标签的 属性

主要总结了这些常用标签的属性,希望能加深我们的理解与学习,也总结咯些不同点,还是得平时多练习使用

操作方法

  • 01

    HTML <form> 标签的 method 属性 在下面的例子中,表单数据将通过 method 属性附加到 URL 上

  • 02

    method 属性 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法:POST 方法和 GET 方法。 如果采用 POST 方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。 在服务器端,一旦 POST 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。 另一种情况是采用 GET 方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。 一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method (方法)属性中指明表单处理服务器要用方法来处理数据,使 POST 还是 GET。 POST 还是 GET? 如果表单处理服务器既支持 POST 方法又支持 GET 方法,那么你该选择哪种方法呢?下面是有关这方面的一些规律: 如果希望获得最佳表单传输性能,可以采用 GET 方法发送只有少数简短字段的小表单。 一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。 如果你在编写服务器端的表单处理应用程序方面经验不足,应该选择 GET 方法。如果采用 POST 方法,就要在读取和解码方法做些额外的工作,也许这并不很难,但是也许你不太愿意去处理这些问题。 如果安全性是个问题,那么我们建议选用 POST 方法。GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。如果参数中包含了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的安全。而 POST 应用程序就没有安全方面的漏洞, 在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。 如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统 <a> 标签的内容。

  • 03

    HTML <table> 标签 一个简单的 HTML 表格,包含两行两列 colspan和rowspan这两个属性用于创建特殊的表格。 colspan是“column span(跨列)”。 colspan属性用在td标签中, 用来指定单元格横向跨越的列数: rowspan的作用是指定单元格纵向跨越的行数

  • 04

    HTML <input> 标签的 type 属性 type 属性规定 input 元素的类型。 button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 checkbox 定义复选框。 file 定义输入字段和 "浏览"按钮,供文件上传。 hidden 定义隐藏的输入字段。 image 定义图像形式的提交按钮。 password 定义密码字段。该字段中的字符被掩码。 radio 定义单选按钮。 reset 定义重置按钮。重置按钮会清除表单中的所有数据。 submit 定义提交按钮。提交按钮会把表单数据发送到服务器。 text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

  • 05

    Submit <input type="submit" /> 定义提交按钮。 提交按钮用于向服务器发送表单数据。 数据会发送到表单的 action 属性中指定的页面。

(0)

相关推荐

  • html标签和属性

    操作方法 01 首先是基本的结构标签组成(大家可以对照着自己的html文件看一下) <html>,表示是html文件<head>,标签里面可以加网站标题,描述,样式还有js脚本 ...

  • Html标签简明教程

    概述 1、Html就是超文本标记语言的简写,是最基础的网页语言 2、Html是通过标签来定义的语言,代码都是由标签所组成 3、Html代码不用区分大小写 4、Html代码由<html>开始 ...

  • html如何设置标签input文本框为只读?

    html中的input用处很广泛,尤其是当我们在网页开发中需要用到表单的时候.这里我们看看有哪些方法让input标签不可编辑. 操作方法 01 我们创建一个html5页面,添加如下图所示input标签 ...

  • HTML表单标签

    表单标签 表单以一个标签开始.用户注册网站会员,投票等等都需要表单来实现.当然了,仅仅依靠XHTML是无法处理这些表单的,如果你想处理这些表但你需要使用一些类似PHP和ASP的网页后台技术.(顺便说一 ...

  • jQuery选择器(二)属性选择器这个也很有用

    jQuery 选择器是jQuery 最基础的使用方法,用好选择器是我们进行jquery开发的第一步,属性选择器就是通过标签属性进行选择对象的方法,属性是什么?a标签有href属性,img标签有src属 ...

  • JavaScript中的CSS属性对照表

    JavaScript中的CSS属性对照表是js初学者必备的基础知识 操作方法 01 盒子标签和属性对照  颜色和背景标签和属性对照 样式标签和属性对照 文字样式标签和属性对照

  • 浏览器组成及工作原理深度了解

    简介 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天,有五种主流浏览 ...

  • Directory Opus的驱动器栏Driverbar怎么用

    Directory Opus能做到的不仅仅是利用驱动器栏进行快速切换盘符,还能做到更多。下面我先说说如何调出Directory Opus的驱动器栏,然后再全手工打造一个更强大的驱动器栏。 一、启用D ...

  • dreamweaver创建滚动列表的步骤

    一、在Dreamweaver创建滚动列表 1. 将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“选择(列表/菜单)”命令。 或者在“插入”面板中选择“表单”项,点击“选 ...