javascript当中document.forms的用法

最新推荐文章于 2020-08-13 11:18:48 发布
最新推荐文章于 2020-08-13 11:18:48 发布
阅读量1.5k 收藏
点赞数
分类专栏： javascript 文章标签： javascript document forms 马克java社区 马克-to-win  document forms elements 
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mark_to_win/article/details/88668423
版权

2.document.forms
例 2.1（FormActionSubmitIEFF.html）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <TITLE></TITLE>
    <SCRIPT LANGUAGE="JavaScript">
        /*
         JavaScript syntax: - myObject.onclick = aHandler
         HTML syntax: <A onClick="..."> <AREA onClick="..."> <HTMLTag onClick="..."> <INPUT onClick="...">

         Form object (Object/HTML)
         An object representing an HTML <FORM> tag.
         */
        function clickH(actUrl)
        {
            /*Document.forms[] (Collection)
             An array containing a list of all the forms in the document.*/
            var fm = document.forms[0];
            /*Form.action (Property)
             A property that contains the submit action method for the <FORM>.
             JavaScript syntax: - myForm.action
             HTML syntax: <FORM ACTION="...">
             */
            fm.action = actUrl;
            /*Form.submit() (Method)
             Invoke a form submit to the server.*/
            fm.submit();
        }
    </SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST>
    <input name="name" type="text"/><br>
    <input type="button" value="提交到第一个地址" onClick="clickH('1.htm?k=b')"/>
    <input type="button" value="提交到第二个地址" onClick="clickH('2.htm')"/>
</FORM>
</BODY>
</HTML>


例 2.2（FormObjectReferenceIEFF.html）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<SCRIPT LANGUAGE="JavaScript">
<!--
    function test()
    {        
        var txt1 = document.forms[0].elements[0].value
        var txt2 = document.regForm.username.value
        var psw1 = document.forms[0].elements[1].value
        var psw2 = regForm.psw.value;

        with(document)
        {
            write("document.forms[0].elements[0].value-->"+txt1+"<br>")
            write("document.regForm.username.value-->"+txt2+"<br>")
            write("document.forms[0].elements[1].value-->"+psw1+"<br>")
            write("regForm.psw.value-->"+psw2+"<br>")
        }
    }

更多请见：https://blog.csdn.net/qq_43650923/article/details/103046648

mark_to_win
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
document.forms用法示例介绍
12-08
概述 forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. 语法 var collection = document.forms; 例子 获取表单信息 [removed] $(function(){ var thisForm = document.forms['form1']; //获取name为form1的form表单 //或者 //var thisForm = document.forms[0]; //获取第一个form表单 console.info(thisForm.username.va
JavaScript中document.forms[0]与getElementByName区别
10-24
在很多情况下JavaScript中document.forms[0]与getElementByName这两种用法没有区别，这片文章详细的解释了两者的区别和用法，有兴趣的朋友可以参考一下。
document.my.elements[0].value=this.value的意义
lhjtianji的专栏
04-26 1265
document.forms[0].elements[0].value=this.valuedocument.forms 是一个数组，标示 document 中所有 form 的集合(所以是forms)elements 是 表单中所有控件的集合(input type=image 对象不在此集合内)两者都是集合，所以标示是集合中的第几个document.forms[0]
document.forms
多些关注给自己
06-18 897
语法： var collection =document.forms 例子： 得到form信息 和从form里面得到元素信息 html lang="en"> head> title>document.forms exampletitle> head> body> form id="robby"> input type="button" onclick="alert(docu
document.forms[].submit()使用介绍
09-04
总结来说，`document.forms[].submit()` 是JavaScript中一个非常实用的方法，它允许开发者在代码层面控制表单的提交过程，提高了网页的交互性和动态性。通过深入理解这个方法，开发者可以更好地实现各种复杂的表单...
Javascript函数大全.docx
11-26
最后，`document.selection`对象在一些旧的浏览器中用于处理文本选择，但现代浏览器更多使用`window.getSelection()`方法来获取或设置用户在页面上选取的文本。 `document.images`是一个集合，包含了页面中所有的`...
关于document.forms
helloworlddm的博客
01-19 367
forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. html> head> title> document form testtitle> head> body> form action="1.html" name="for
document.forms的用法(详解)
热门推荐
念念不忘，必有回响
03-22 3万+
代码 作用 document.forms 表示获取当前页面的所有表单 document.forms[0] 表示获取当前页面的第一个表单 document.forms[‘exportServlet’] 表示获取当前页面的name="exportServlet"的表单 document.forms[‘exportServlet’].username.value 获取表单为e...
document.forms[].submit()
casllas
09-20 598
document.forms[].submit()
JS表单document.forms的用法(详解)
qq_44731369的博客
08-13 4451
代码 作用 document.forms 表示获取当前页面的所有表单 document.forms[0] 表示获取当前页面的第一个表单 document.forms[‘exportServlet’] 表示获取当前页面的name="exportServlet"的表单 document.forms[‘exportServlet’].username.value 获取表单为exportServlet，name为exportServlet的值 document.forms[0].su...
document.forms用法
itmyhome的专栏
03-01 4642
概述 forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. 语法 var collection = document.forms; <form action="x" name="form1" > <input type="text" name="username" value="zhangsan" /> <input type="text" name="address" value="beijing" /> </form>
document.forms对象
徐海兴的专栏
09-08 825
Document function doSubmit(){ var name=document.forms["form1"].name.value;//name为form1的，input name为name的 var password = document.forms[0].password.value;//第一个form表单，input name为password的
利用chrome的javascript控制台，学习javascript和 jQuery
总长
12-03 911
部分为转载 1、javascript学习 打开chrome的javascript控制台 在Console下输入命令即可。 2、jQuery学习 1）首先引入jQuery库，在google提供的库即可。 在Console下输入 var fileref=document.createElement('script') fileref.setAttribute("
chrome控制台功能
callmeCassie的博客
02-04 4609
按F12或右键点击检查可调出控制台 1.当你在js代码中写console.log时，打印的内容会在console中显示 2.
document.forms[].elements具体用法
最新发布
06-02
1. 通过 `document.forms` 可以获取当前文档中所有的表单对象，返回的是一个表单对象数组，可以通过数组的下标访问。 ```html ``` ```javascript const form = document.forms[0]; // 获取第一个表单...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mark_to_win

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值