html表单和表单元素

2022-07-14 17:34:13   文档大全网     [ 字体: ] [ 阅读: ]

#文档大全网# 导语】以下是®文档大全网的小编为您整理的《html表单和表单元素》,欢迎阅读!
表单,元素,html
表单和表单元素

作者:谢钟扬

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