最新更新 热点专题
当前位置：首页>文库>最新更新>html表单和表单元素

html表单和表单元素

时间：2022-07-14 17:34:13 阅读： 最新文章 文档下载
说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。
表单和表单元素

作者：谢钟扬

1 表单

1.1 表单是一个包含表单元素的区域。

1.2 表单元素是允许用户在表单中（比如：文本域、下拉列表、

单选框、复选框等等）输入信息的元素。

1.3 表单使用表单标签（
）定义。form元素可以使用下

表所示的属性来进行设置。

属性 action

值

描述

规定当提交表单时向何处发送表单数据。

enctype

见说明

规定在发送表单数据之前如何对其进行编码。

method

get post

name target

规定用于发送 form-data 的 HTTP 方法。 规定表单的名称。

规定在何处打开 action URL。

URL

form_name

_blank _self _parent _top

framename

2 表单元素

2.1 元素：用于指定输入项元素，必须放在form元素

中。

2.1.1 name属性：用于设置输入项的参数名。 2.1.2 value属性：用于设置输入项的参数值。

2.1.3 readonly属性：用于设置输入项为只读，用户不可输

入。

2.1.4 type属性：用于设置输入项的类型：


2.1.4.1 type=”text”：文本输入框

2.1.4.2 type=”password”：密码输入框，输入内容会

自动转成圆点或者星号。用于保护用户输入的密码。 2.1.4.3 type=”radio”：单选输入按钮，name属性相同

的一组单选输入按钮，遵守互斥原则，只能选中其中一项。可以使用checked属性设置其为被选中状态。 2.1.4.4 type=”checkbox”：复选输入按钮，name属

性相同的一组复选输入按钮，允许同时勾选多个；勾选多个时，会将每个被选中的项的值均提交到服务器。可以使用checked属性设置其为被选中状态。 2.1.4.5 type=”file”：文件上传控件，用于指定本地文

件上传到服务器。

2.1.4.6 type=”hidden”：隐藏输入项，不会在页面显示，

但是会随着表单的提交而提交到服务器的数据。 2.1.4.7 type=”submit”：提交按钮，自动绑定了表单的

提交时间，用于定义点击时提交表单的按钮。 2.1.4.8 type=”reset”：重置按钮，用于定义点击时清空

表单中已经填写的内容的按钮。

2.1.4.9 type=”button”：普通按钮，用于定义按钮，通

常需要绑定事件处理函数。

2.2