`
zhangyaochun
  • 浏览: 2614456 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

HTML DOM Form对象

阅读更多

  

   前言:

 

       本文来自w3cschoolhttp://www.w3cschool.cn/dom_obj_form.html

  

       感谢,个人做积累记录学习!

 

   正文:

 

     Form对象

 

        代表一个HTML表单:在HTML文档中<form>每出现一次,Form对象就会被创建

 

 

    对象集合:

 

        elements        包含表单中所有元素的数组

 

    对象属性:

 

  • acceptCharset           设置或返回服务器可接受的字符集
  • action                       设置或返回表单的action属性
  • enctype                    设置或返回表单编码内容的MIME类型

      属性对应的值:

 

     application/x-www-form-urlencoded       默认,发送前编码所有字符

 

     multipart/form-data            不对字符编码,文件上传用

 

     text/plain                             空格会转换为+,但是不对特殊字符编码

 

    http://www.w3school.com.cn/tags/att_form_enctype.asp 

 

  • id                             设置或返回表单的id
  • length                       设置或返回表单的数目
  • method                     设置或返回表单数据提交到服务器的HTTP方法
  • name                        设置或返回表单的名称
  • target                        设置或返回表单提交结果的frame

 

 

分享到:
评论

相关推荐

    HTML DOM基础教程(网页形式)

    DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM Document DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Event DOM Form DOM Frame DOM Frameset DOM IFrame ...

    html_dom_api.rar

    HTML DOM 对象 10 ********************************************* 10 1、Document 对象 10 1.1、集合 11 1.2、属性 11 1.3、方法 11 1.4、描述 12 2、Body 对象 12 2.1、属性 12 3、Frame 对象 13 3.1、属性 13 3.2...

    html—dom教程

    - **DOMForm对象**:提供表单操作功能。 - **DOMImage对象**:提供图像操作功能。 - **DOMTable对象**:提供表格操作功能。 #### 七、总结 - **应用场景**:DOM是前端开发的核心技术之一,广泛应用于网页动态...

    第十五章JavaScript-HTMLDOM对象2022优秀文档.ppt

    Form对象和Select/Option对象则是处理表单数据的关键。表单的提交可以通过设置`form`对象的`submit()`方法,或者通过`reset()`方法重置表单。Select对象的`options`属性可以访问其包含的所有Option元素,`...

    JavaScrip文档对象模型(DOM).

    4. **文档对象**:如`document`、`images`、`form`等,用于操作文档中的各种元素。 #### DOM与BOM的区别 - **浏览器对象模型(BOM)**:提供了访问浏览器功能的方法,如浏览器窗口本身、浏览历史等。 - **文档对象...

    探析在jQuery框架下操作HTMLDOM元素.pdf

    HTML DOM(Document Object Model)是HTML文档对象模型的缩写,定义了访问和操作HTML文档的标准方法。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或编辑。JavaScript可以利用...

    html的DOM中document对象forms集合用法实例

    本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下: forms 集合可返回对文档中所有 Form 对象的引用。 语法: 代码如下:document.forms[] 例子: 代码如下:&lt;html&gt;...

    用Javascript将form所有内容序列化和反序列化的例子。

    在Web开发中,JavaScript是一种必不可少的前端编程语言,它提供了丰富的功能来操作DOM(文档对象模型)和处理用户交互。在HTML表单(form)数据处理方面,JavaScript也扮演着重要角色。本文将深入探讨如何使用...

    BOM和DOM模型图

    DOM模型中包含了一系列的对象,它们构成了文档的结构,以下是一些常见的对象: 1. **Document**:代表整个HTML或XML文档,是DOM树的根节点。通过它我们可以访问文档中的任何其他节点。 - **示例**: ```...

    Prototype中dom对象方法汇总

    3. **Element.extend**(element):扩展给定的`element`,使其能够直接调用`Element`、`Form.Element`或`Form`对象中定义的方法,增强元素的功能。 接下来,我们详细讨论`Element`对象的一些主要方法: - **visible...

    js和dom用法案例

    JavaScript 是一种轻量级的客户端脚本语言,常用于实现网页的交互性,而 DOM(Document Object Model)则是网页内容的一种结构化表示,允许 JavaScript 通过编程方式操作 HTML 或 XML 文档。 在 JavaScript 中,`F1...

    使用FormValidation进行表单验证

    集成`jQuery`可以让`FormValidation`利用其强大的DOM操作和事件处理功能。`jQuery`简化了JavaScript代码,使得绑定验证事件、获取和修改DOM元素变得轻松。通过`$(document).ready()`函数,可以在页面加载完成后初始...

    JavaScript 和 HTML DOM 参考手册

    5. **HTML DOM 元素对象**:如`Anchor`、`Input`、`Form`、`Table`等,这些对象对应HTML元素,具有特定的属性和方法,用于操作和交互。 例如,`Input Button`对象用于处理不同类型的输入按钮,如`submit`、`reset`...

    Web程序开发:第15章 DOM操作.pdf

    表单元素如`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`等也有各自的DOM接口,通过这些接口可以验证用户输入、控制表单提交等。 15.6 BOM(浏览器对象) BOM提供了一组与浏览器相关的对象,例如,Window对象代表浏览器窗口,...

    js基础之DOM中元素对象的属性方法详解

    在 HTML DOM (文档对象模型)中,每个部分都是节点。 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点。 文档是一个 文档节点 。 所有的HTML元素都是 元素节点 所有 HTML 属性都是 属性节点 ...

    formdata-to-object:将formData对象或Form DOM节点转换为KV对象

    表单数据到对象 将formData对象或form DOM节点转换为KV对象。 通常,您不想使用此方法,而是将onchange侦听器附加到每个输入元素。 在某些情况下有用。用法var toObject = require ( 'formdata-to-object' )var html...

    json 填充 form

    jQuery是一个流行的JavaScript库,它提供了方便的API来操作DOM元素,包括处理这种JSON数据填充表单的需求。 标题"json 填充 form"指的是使用jQuery来根据JSON数据自动填充HTML表单字段的过程。这个过程通常涉及以下...

    JavaScript_DOM_编程艺术读书笔记

    - **宿主对象**:如`Form`、`Element`和`Image`等,由浏览器提供的对象。 - **用户定义对象**:开发者可以自定义对象,例如定义一个人类对象`Person`。 #### 三、DOM操作详解 - **DOM节点类型**:DOM节点主要...

Global site tag (gtag.js) - Google Analytics