html中form讲解

一、看看HTML form标签的作用解释：

form标签的作用：是用于将form标签包裹的信息-->打包，成为一个整体，可以提交数据到服务器。

html form标签的形式：

　

　　name：只是给该表单命名，用于js技术使用。

　　action：设定表单数据提交给的目标地址

　　method: 设定数据提交方式，用于根据不同的数据需求来选择合适的提交（传送）方式

二、表单标签<form>表单的作用是收集信息

（1）form表单的属性

<1>action="URL":一个URL地址，指定form表单向何处发送数据

<2>name：给表单定一个名字

<3>enctype=“string”：有文件file时，提交方式；

<4>method="get/post"：以何种方式向服务器发送数据

（2）表单元素：表单标签、表单域、表单按钮

<1>表单标签：指<form>标签本身，使用<form></form>定义

<2>表单域：是<form>标签中用来收集用户输入的每一项，通常用input标签定义，input标签

有不同类型，对应用户不同的数据

<3>表单按钮：提交<form>表单中所有的信息到服务器

<4>表单元素种类：

• 单行文本框：<input type="text">，默认值是type=“text”

• 密码框：<input type="password"/>

• 单选按钮：<input type="radio"/>

• 复选框：<input type="checkbox"/>

• 隐藏框：<input type="hidden"/>

• 文件上传：<input type="file"/>

• 下拉框：<select>标签    <optgroup  lable="河南省">选项组-->河南省        <option>选项-->安阳市

• 多行文本：<textarea></textarea>

• 元素集：<fieldset></fieldset>

• 提交按钮：<input type="submit"/>

• 普通按钮：<input type="button"/>

• 重置按钮：<input type="reset"/>

• 表单里面：name和value属性的意义；键值对