<html>

<body id="myBody" class="myBody">

    <form id="myForm">

        Firstname: <input id="fname" type="text" value="Mickey" />

        Lastname: <input id="lname" type="text" value="Mouse" />

        <input id="sub" type="button" value="Submit" />

    </form>

    <p>Get the value of all the elements in the form:<br />

    <form id="myForm1" action="index.php" method="post" name="myForm1">

        name: <input id="fname" type="text" value="Mickey" />

        <input id="sub" type="button" value="Submit" onclick="changeAction()"/>

    </form>

    <form id="myForm2" action="index.php" method="post" name="myForm2">

        name: <input id="fname" type="text" value="Mickey" />

        <input id="sub" type="button" value="Submit" onclick="Submit1()"/>

        <input id="res" type="button" value="reset" onclick="reset1()"/>

    </form>

</body>

<script>

    //Form 对象的集合

    //elements 集合可返回包含表单中所有元素的数组。

    /*var x = document.getElementById('myForm');

    for(var i=0;i<x.length;i++){

        document.write(x.elements[i].value);

        document.write("<br />");

        document.write(x.elements[i].type);

        document.write("<br />");

    }

    //Form 对象的属性

    //action 属性可设置或返回表单的 action 属性。

    //action 属性定义了当表单被提交时数据被送往何处。

    function changeAction(){

        var x = document.getElementById("myForm1");

        alert(x.action);        //http://localhost/js/dom/index.php

        x.action = "index1.php";

        alert(x.action);        //http://localhost/js/dom/index1.php

    }

    //id 属性可设置或返回表单的 id

    var x = document.getElementsByTagName("form")[0];

    alert(x.id);                //myForm

    //length 属性可返回表单中元素的数目

    var x = document.getElementById('myForm1');

    alert(x.length);            //2

    //method 属性可设置或返回用于表单提交的 HTTP 方法

    var x = document.getElementById('myForm1');

    alert(x.method);            //post

    //name 属性可设置或返回表单的名称

    var x = document.getElementById('myForm1');

    alert(x.name);                //myForm1

    //Form 对象的方法

    //reset() 方法可把表单中的元素重置为它们的默认值。

    function reset1(){

        document.getElementById("myForm2").reset();

    }

*/

    //submit() 方法把表单数据提交到 Web 服务器。

    function Submit1(){

        document.getElementById("myForm2").submit();

    }

</script>

</html>

Form 对象的集合的更多相关文章

  1. (转)Document对象内容集合

    原文:http://webcenter.hit.edu.cn/articles/2009/06-10/06144703.htm document 文挡对象 - JavaScript脚本语言描述 ——— ...

  2. JavaScript Image对象 / Tabel对象 / Select对象 / Form对象

    JavaScript Image / Tabel / Select / Form 对象 版权声明:未经授权,严禁转载! Image 对象 Image 对象,代表 <img> 元素. < ...

  3. Document对象内容集合

    document 文挡对象 - JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一 ...

  4. js进阶-9-3/4 form对象有哪些常用属性

    js进阶-9-3/4 form对象有哪些常用属性 一.总结 一句话总结: 1.一般html标签有哪些常用属性:name id value 2.form对象有哪些常用属性(特有):action meth ...

  5. 获取form对象

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. JavaScript常用内置对象（window、document、form对象）

    由于刚开始学习B/S编程,下面对各种脚本语言有一个宏观的简单认识. 脚本语言(JavaScript,Vbscript,JScript等)介于HTML和C,C++,Java,C#等编程语言之间.它的优势 ...

  7. Envelope几何对象 Curve对象几何对象 Multipatch几何对象 Geometry集合接口 IGeometryCollection接口

    Envelope是所有几何对象的外接矩形,用于表示几何对象的最小边框,所有的几何对象都有一个Envelope对象,IEnvelope是Envelope对象的主要接口,通过它可以获取几何对象的XMax, ...

  8. [Python] 文科生零基础学编程系列一——对象、集合、属性、方法的基本定义

    1.编程语言: 1.1是什么: 编程语言(programming language),是用来定义计算机程序的形式语言.它是一种被标准化的交流技巧,用来向计算机发出指令. 一种计算机语言让程序员能够准确 ...

  9. 渗透测试，form对象类型转换，简单demo

    最近公司的项目在进行国家某行业的安全检测,涉及到项目安全渗透等方面的问题: 参与项目的渗透等改造,是一个机遇与挑战,今后对与项目安全等方面会思考更多: 下面说说form表单对象提交,为了防止抓包,后台 ...

随机推荐

  1. BZOJ 1641: [Usaco2007 Nov]Cow Hurdles 奶牛跨栏

    Description Farmer John 想让她的奶牛准备郡级跳跃比赛,贝茜和她的伙伴们正在练习跨栏.她们很累,所以她们想消耗最少的能量来跨栏. 显然,对于一头奶牛跳过几个矮栏是很容易的,但是高 ...

  2. hdu 4714

    一个树形dp的题,又是一个涉及不深的领域  = =: 不过在网上看到了大神用很巧的思路解决了这个题: 大神的思路就是: 从树的底部往上看:如果一棵子树拥有两个及以上的叶子节点,可以将这棵子树与大树分离 ...

  3. Z-Stack 软件架构分析

    转自Z-Stack 软件架构分析 Z-Stack的main函数在Zmain.c中,总体上来说,它一共做了两件工作,一个是系统初始化,即有启动代码来初始化硬件系统和软件架构需要的各个模块,另一个作用就是 ...

  4. DJANGO:根据不同的环境，配置不同的SETTINGS文件，读取不同的DB,JENKINS,SALT配置

    今天撸了一次,实现如下: 1,新建配置目录,将不同的环境的SETTINGS.PY文件独立出来,并将各自环境引用的DB连接,JENKINS,SALT等参数都写在里面. DEMO: JENKINS = { ...

  5. 【UVA 11183】 Teen Girl Squad （定根MDST）

    [题意] 输入三元组(X,Y,C),有向图,定根0,输出MDST. InputThe first line of input gives the number of cases, N (N < ...

  6. Https协议:SSL建立过程分析（也比较清楚，而且有OpenSSL的代码）

    web访问的两种方式: http协议,我们一般情况下是通过它访问web,因为它不要求太多的安全机制,使用起来也简单,很多web站点也只支持这种方式下的访问. https协议(Hypertext Tra ...

  7. VS2008编译器编译出来的文件比mingw编译的要几乎小一半

    为什么要在VS2008中使用QT静态编译呢?很简单,因为VS2008编译器编译出来的文件比mingw编译的要几乎小一半. 好了现在我们来做些准备工作,VS2008自然要安装的,然后打上SP1的补丁.然 ...

  8. System.Windows.Forms中的Message Structure

    结构用途说明Implements a Windows message. Properties 1.public IntPtr HWnd { get; set; } Gets or sets the w ...

  9. 【Android 复习】：从Activity中返回数据

    在实际的应用中,我们不仅仅要向Activity传递数据,而且要从Activity中返回数据,虽然返回数据和传递类似,也可以采用上一讲中的四种方式来传递数据,但是一般建议采用Intent对象的方式的来返 ...

  10. java基础（二十）IO流（三）

    这里有我之前上课总结的一些知识点以及代码大部分是老师讲的笔记 个人认为是非常好的,,也是比较经典的内容,真诚的希望这些对于那些想学习的人有所帮助! 由于代码是分模块的上传非常的不便.也比较多,讲的也是 ...