<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 2725 : [Violet 6]故乡的梦

    这个题在bzoj上好像是个权限题,想做的可以去Vani的博客下载测试数据.这里有题面. 简单叙述一下题意:给你一个n个点.m条边的带权无向图,S点和T点,询问Q次删一条给定的边的S-T最短路. 其中  ...

  2. 深入解析java虚拟机-jvm运行机制

    转自oschina 一:JVM基础概念 JVM(Java虚拟机)一种用于计算设备的规范,可用不同的方式(软件或硬件)加以实现.编译虚拟机的指令集与编译微处理器的指令集非常类似.Java虚拟机包括一套字 ...

  3. ANDROID_MARS学习笔记_S03_003_LocationManager、LocationListener

    一.简介 二.代码1.xml (1)AndroidManifest.xml 增加 <uses-permission android:name="android.permission.A ...

  4. windows进程中的内存结构（好多API，而且VC最聪明）

    在阅读本文之前,如果你连堆栈是什么多不知道的话,请先阅读文章后面的基础知识.   接触过编程的人都知道,高级语言都能通过变量名来访问内存中的数据.那么这些变量在内存中是如何存放的呢?程序又是如何使用这 ...

  5. PEP Index > PEP 339 -- Design of the CPython Compiler 译文

    http://www.python.org/dev/peps/pep-0339/ PEP: 339 标题: CPython的编译器设计 版本: 425fc5598ee8 最后修改: 2011-01-1 ...

  6. linux和windows双系统导致的时间日

    我的博客:www.while0.com系统中有两种时间区分,一为UTC,另一为LT(地方时)两者的区别为时区不同,UTC就是0时区的时间,而我们当地是用的北京时间要慢8小时.linux采用的UTC时间 ...

  7. SQL Server select into用法

    作用: SELECT INTO 语句从一个表中选取数据,然后把数据插入另一个表中. SELECT INTO 语句常用于创建表的备份复件或者用于对记录进行存档 这个语句会在数据库中用和你所指定的列类型和 ...

  8. DevExpress中，添加Winform窗体到DockPanel z

    DevExpress中,添加Winform窗体到DockPanel // 在使用DevExpress过程中,原先已经创建好的导航窗体,如何添加到DockPanel中进行展示? FormX frmX = ...

  9. ORA-00054:资源正忙，要求指定NOWAIT

    --ORA-00054:资源正忙,要求指定NOWAIT-- --以DBA角色, 查看当前数据库里锁的情况可以用如下SQL语句-- SELECT sid, serial#, username, osus ...

  10. Linux 单网卡多 IP 的配置方法

     Linux 单网卡多 IP 的配置方法 1 ．永久配置的方法: 知道在 Linux 下网卡被称为 eth0,eth1,eth2..... ,所有网卡的配置文件都存储在 /etc/sysconfi ...