form 表单介绍

gududesiling

html的form表单是非常重要的概念

 

<form>创建表单的标志

必须属性：action规定当提交表单时，向何处发送表单数据

可选属性：method：get/post，规定如何发送表单数据（关于怎么使用用这个，最后会做介绍）

 

<form包含的3个下级标签>

一。<input>标签，用于设置表单框，单选框，复选框，提交等等

属性：

type：类型，这个可以有很多值：

• button
• checkbox：复选框（和单选框相对，是个方小框，但是可以选2次）
• file
• hidden
• image ：提交时以一个图片位选择方式，后面要加上src:图片地址
• password ：密码输入
• radio ：单选框（就是前面一个圆圈，但是只能选一次）
• reset
• submit ：提交，呈现的是一个按钮，使用这个的时候，要和value一起使用(value是现实在按钮上的值)
• text :文字输入，使用这个text值的话，得和name属性配合使用，呈现的是一个输入框

name：定义 input 元素的名称

value:值，若和submit一起使用，value的值现实在按钮上，。

size:定义输入字段的宽度

src:以提交按钮形式显示的图像的

action:

checked：表示缺省已经选上的。。。

 

2.<select>标签

下拉框标签

属性：

name:

size:设置下拉框的尺寸（指的是上下的尺寸）

multiple：复选框，这个很重要，光加上这个单词就起作用，不过复选的时候得加上ctrl控制来实现多选

他和<input>标签不一样，他还有一个下级标签<option>

<option>

属性：

selected

value

 

 

 

3.<textarea>标签：文本区域，多行输入框，主要用于输入较长的文本信息

属性：

name：

cols:列，说明设置文本区域占多少列

rows:行，也就是设置文本区域占多少行

至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。