<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. [原博客] POI系列(2)

    正规.严谨.精妙. -POI bzoj 1098 : [POI2007]办公楼biu 如果把互相有手机号的建边得到一个无向图,那么这个图的补图的连通分量个数就是答案了.因为互相没手机号的必然在同一个连 ...

  2. [cocos2d]cocos2d 2.1与ios 6.0

    最近把xcode升级到4.5了,ios也编程6.0 mark一下需要修改的地方(针对于cocos2d 2.1版本),虽然都是warning,但是对于强迫症患者来说无法忍受啊~ 修改一 libs-Coc ...

  3. git使用的常见命令(一)

    .查看当前有哪些branch git branch 其中有*选中的分支是你的当前使用的分支 .新建一个分支 git branch dev_xiaoming .切换到一个分支 git checkout ...

  4. C++ Primer 随笔 Chapter 4 数组和指针

    1.数组:数组是由类型名.标识符和维数组成的符合数据类型,类型名规定了存放在数组中的元素类型,维数规定数组中包含元素的个数而标识符就是数组的名称.例如: int  arr[10]; 其中 int 是类 ...

  5. 利用switch case 来运行咱们结婚吧

    static void Main(string[] args)        {            while (true)            {                int x, ...

  6. Oracle坑之-空字符串与NULL

    空字符串与NULL 首先有如下代码 SELECT * FROM Pdc_DataDomain DD INNER JOIN Pdc_DD_Table DDT ON DD.DataDomainID = D ...

  7. Codevs_1048_石子归并_(动态规划)

    描述 http://codevs.cn/problem/1048/  1048 石子归并 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold       题目描述 Des ...

  8. Windows Azure 上的 Symfony，适用于 PHP 开发者的强大组合

     发布于 2014-06-13 作者 陈 忠岳 Symfony 是针对 PHP 开发者的流行开源 Web 应用框架.现在,您可以更轻松地在 Windows Azure 上使用它,这都归功于 Ben ...

  9. SharePoint 2010中使用Visual Studio 2010进行方便快速的Web Part开发

    转:http://www.cnblogs.com/fatwhale/archive/2010/02/24/1672633.html 在Visual Studio 2010中,  已经集成了用于Shar ...

  10. Unity3d 实现顶点动画

    在今年GDC上发现一个非常有趣的演讲,叫做Animating With Math,遂实现之,是讲述顶点shader动画的,举了几个经典的例子,但是讲者并没有给代码,而是像虚幻引擎那样的节点,这样更加清 ...