HTML表单标签元素总汇1

form(形状):定义表单的意思

form元素也是一个包含框他包含了所有的表单域元素

enctype是(包装类型)的简称

该属性将设置表单中用户输出的数据发送到服务器时,浏览器使用编码类型

  1. application/x-www-form-urlencoded:将表单中的数据编码为名/值对的形式通过URL发给服务器
  2. multipart/form-data:将表格中的数据编码为一条消息,每个表单域对应消息中的一个部分然后通过HTTP方式发送到服务器
  3. text/plain:将表单中的数据以纯文本的形式进行编码,其中不含任何控件或格式字符。这种一般很少用也不建议使用

action属性:用来设置表单提交数据的目标文件

该文件一般可以是任意位置和任何类型的文件

method属性:他表示处理表单数据的方法
GEF和POST方法主要区别

  1. GET:方法是从服务器上获取数据,而POST是向服务器上传数据
  2. GET方法将表单中的数据以“名/值”对。的形式添加到action所设置的URL后面,并用?符号链接URL,各个变量之间使用&链接
  3. post是将表单中的数据放在form的数据体中,按照变量和值相对应的方法传递到action所指的URL

1、get方法所传递的数据以附加字符串的形式通过浏览器地址公共传递,因此所发的数据不安全的,这样就会用一些隐私就会被第三方看到。post方法传递的数据对用户来说都是不可见的,相对来说安全许多
2、由于受URL的长度限制,get方法传递数据小,而post可以传递大量的数据因此一般上传文件只能用post方法
3、在get方法中,由于数据在URL中传输,因此数据的值必须为ASCII字符,而post方法没有字符集的限制

input(文本区域):是一个表单域对象也可以称为一个输入框定义输入区

1、该元素可以延伸很多形式的输入框
2、到表单中包含文件域时,form元素的method属性必须设置为“post”,enctype属性必须设置为“multipart/form-data”否则提交操作会失败

type=“text” 定义单行文本框
value:定义文本框包含的默认字符串
size:定义文本框的字符数,即文本框的高度,该属性可以通过CSS属性来控制的所以不需要设置
maxlength:定义文本框能够接收的最大字符数
type=“password”,定义密码区
type=“hidden”,定义隐蔽区

隐蔽域只包含一个value属性,利用该属性可以各种固定参数到服务器

type=“checkbox”、定义复选框

  1. value属性设置复选框的传递值
  2. checked属性则可以设置复选框在默认状态下是否选择状态

type=“radio”,定义单选按钮

单选按钮就是一个圆形的选择框,多个单选按钮可以组成一个单选按钮组,单选按钮组中的input和name属性值必须相等,这样就可以把多个单选按钮绑定在一起了

type=“file”,定义文件域

文件域实际上是多个表单捆绑的混合体。他包含文本框和浏览按钮。type=“file” 也是目前表单中交互最重要的数据接口,用来向服务器提交大量二进制数据流

type=“submit”,定义提交按钮

该按钮负责提交表单数据到服务器

type=“reset”,定义重设按钮

该按钮能够清空用户输入的数据,并恢复到默认状态

type=“image”,定义图像按钮

它是普通按钮的自定义形式,可以通过指定一个图标来定制按钮的样式
1、src属性定义图像按钮的URL
2、alt属性定义图像替换文本等

type=“button”,定义普通按钮

该按钮没有动作,需要用户通过脚本形式为其自定义操作的动作

发布了134 篇原创文章 · 获赞 109 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qq_44607694/article/details/86896671