HTML DOM Form 对象(html 的form)

yumo6668个月前 (04-30)技术文章113

Form 对象

Form 对象代表一个 HTML 表单。

在 HTML 文档中 <form> 每出现一次,Form 对象就会被创建。

表单用户通常用于收集用户数据,包含了 input 元素如:文本字段,复选框,单选框,提交按钮等待。表单也可以说选项菜单, textarea, fieldset, legend, 和 label 元素。

表单用于向服务端发送数据。

Form 对象收集

W3C: W3C 标准。

集合描述W3C
elements[]包含表单中所有元素的数组。Yes

Form 对象属性

属性描述W3C
acceptCharset服务器可接受的字符集。Yes
action设置或返回表单的 action 属性。Yes
enctype设置或返回表单用来编码内容的 MIME 类型。Yes
length返回表单中的元素数目。Yes
method设置或返回将数据发送到服务器的 HTTP 方法。Yes
name设置或返回表单的名称。Yes
target设置或返回表单提交结果的 Frame 或 Window 名。Yes

Form 对象方法

方法描述W3C
reset()重置一个表单Yes
submit()提交一个表单Yes

Form 对象事件

事件描述W3C
onreset在重置表单元素之前调用。Yes
onsubmit在提交表单之前调用。Yes

标准属性和事件

Form 对象同样支持标准的 属性 和 事件。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

相关文章

阿里开源可跨组件体系的表单配置生成方案,淘宝、天猫都在使用

FormRender通过 JSON Schema 生成标准 Form,常用于自定义搭建配置界面生成如上图,使用 shema 编辑器可实现低上手成本、快速搭建支持 Ant Design 和 Fusion...

HTML DOM Select 对象(html select获取值)

Select 对象Select 对象代表 HTML 表单中的一个下拉列表。在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建。您可通过遍历表单的...

HTML表单number和range高级元素的使用

number类型元素number属性提供了一个输入数字的输入类型,用户可以直接输入数字,或者通过单击微调框中的向上或者向下按钮选择数字。 代码格式如下。<input type="numb...

HTML序章(学习目的、对象、基本概念)——零基础自学网页制作

为什么学习网页制作?互联网时代的今天,各种各样的网页充斥着我们的生活。只要使用浏览器,打开的每一个页面都可以称之为网页。即使使用头条这样的APP,其内容布局、展示的方法也脱胎于网页页面设计的方法与原则...

一个用Markdown来设计HTML表单的小工具

大家好,我是TJ关注TJ君比较久的读者应该知道,我是一名后端开发。对于前端知识是比较零碎的,所以很多时候写表单这样的工作,一般就是复制黏贴,然后改改字段。对于HTML格式,一直觉得比较杂乱,不够简洁。...