<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. 守望先锋overwatch美服外服设置方法

    打开:C:\Users\你的用户名\AppData\Roaming\Battle.net\Battle.net.config 替换为下方内容: { "Client": { &quo ...

  2. Waterfall———瀑布流布局插件, 类似于 Pinterest、花瓣、发现啦。

    瀑布流布局插件, 类似于 Pinterest.花瓣.发现啦. En 中文 文档 下载 下载waterfall插件最新版本. 使用 html: <div id="container&qu ...

  3. csu 10月 月赛 A 题

    Welcome to CSU OnlineJudge Problem A: Small change Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 15 ...

  4. Ubuntu开机自动挂载Windows分区

    转自Ubuntu 12.04开机自动挂载Windows分区 1.查看系统磁盘号 sd2,sd5,sd7分别对应我windows的C,D,F盘,也是本次要添加到开机挂载的,E盘为wubi安装盘. 2.查 ...

  5. CISCO的HTTP/HTTPS/SSH配置测试完成

    按实验一步一步,倒是很容易的,也理解罗~~ START-CONFIG粗配置文件如下: r1#show run Building configuration... Current configurati ...

  6. CAS实现单点登录方案（SSO完整版）

    一.简介 1.cas是由耶鲁大学研发的单点登录服务器 2.本教材所用环境 Tomcat7.2 JDK1.7 CAS Service 版本    cas-server-3.4.8-release CAS ...

  7. [mock]10月11日

    第二次mock.出的题是,假设有一个地区不能使用7,都用之后的数字代替,比如8代表7,18代表16(中间有7和17).那么给出一个这个地区的数X,求普通地区的数Y.首先是找规律,发现其实就是找给出的数 ...

  8. 【Xamarin开发 Android 系列 3】循序渐进的学习顺序

    原文:[Xamarin开发 Android 系列 3]循序渐进的学习顺序 指定合理的学习步骤,将各个技术点进行强化.慢慢 的就从点到线 到面的飞跃,一切仅仅是时间问题,开始前,请记住,学习是最佳的投资 ...

  9. MySQL源码 优化器

    完成了sql的解析过程后,开始进入优化器: 调用的流程分为:     mysql_select:           JOIN::prepare:           JOIN::optimize: ...

  10. 面向中国 Azure 开发者发布开源解决方案指南

     发布于 2014-05-23 作者 刘 天栋 Azure 是一个开放.灵活的云平台,可支持大量且不断增长的开源应用程序.框架和语言.微软及微软开放技术通过与全球及中国本地的开源社区不懈地合作,将 ...