首页 > 代码库 > HTML表单

HTML表单

今天我们来讲一讲HTML表单内容

它的标签是<form></form>,我们讲讲他的常用属性:

    

Action 跳转到什么页面

Method  以什么模式提交

Get缺点:

Url有长度限制

IE6.0 url 最大长度 2083个字符 超过无法提交

IE7.0 最大长度 2083个字符 超过最大长度仍然可以提交但是只能提交2083个字符

所有提交内容会显示到地址栏位置 很不安全

a标签的跳转方式也是get方式传递

 优点:不通过服务器传输数据

Post:

大小不受限制 安全

传输会通过服务器,影响服务器性能

Enctype

Multipart/form-data(有文件域的时候必须有这个的时候)

Input标签

 属性

1.Name 必须有 否则数据无法传递

2.type

Text 文本框

Submit 提交按钮

Password 密码域

Radio  单选框

如果你认为是统一个选项那么他们的name值必须是一样的 否则就变成单独的单选框了

注意如果是单选框就必须有value属性用来传递你要传递的值

Checkbox 复选框

    注意:如果是复选框那么你的name值就需要加上一个[] 用来传递至 这个东西你加上就好 当学php的时候你就知道[]是什么意思了

必须要有value属性用来传递你选中了哪个的值

Button 普通按钮

Reset  重置按钮 清空表单中的所有内容

Hidden 隐藏域

隐藏域是给程序员来使用的用来传递内容和想要传递的信息但是不想让用户看见的内容 都使用隐藏域来传递

他必须有name属性和value属性 用来你传递的是什么信息

                                      Image  图片提交按钮    

使用图片提交按钮必须有src属性用于添加图片路径

File 文件域

   但是如果你使用文件域了那么你的form表单标签的属性就要多添加一个内容

3.readonly 文本区只读

4.Disabled  禁用

5.Value 默认值 提示信息 传递值的作用

6.Checked 默认选中 适用的属性有单选框和复选框

下拉列表标签:

1.<select></select>

常用属性:

Name 传递值 必须有

Disabled 禁止

Size 显示几个下拉

Multiple 多选默认会显示所有  但是如果你设置了这个属性 那么你的名字属性就要在他的后面加上[]

2.下拉项标签

<option></option>

常用属性:

Value 提交的值 若没有则提交内容

Selected 定义选中项

Disabled 选项禁止

多行文本域:

<textarea></textarea>

常用属性:

Name 传递值 必须写

Cols 可见宽度

Rows 可见行数

Readonly 文本区域只读

Disabled 禁止

HTML表单