热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

利用JavaScript高效完成网页表单填写与提交

本文目录一览:1、如何用JS给一页面表单自动填值?2、Javascript 自动填写表单的实现方法?3、Javascript中怎么提交表单如何用JS给一页面表单自动填值

本文目录一览:


  • 1、如何用JS给一页面表单自动填值?


  • 2、Javascript 自动填写表单的实现方法?


  • 3、Javascript中怎么提交表单

如何用JS给一页面表单自动填值?

要注意getElementsByName与getElementByID的区别 getElementByID 返回的是唯一的DOM对象 getElementsByName 返回的是DOM对象列表 getElementsByTagName 返回的是DOM对象列表 所以要写成: Javascript:void(document.getElementsByName("txtUserName")[0].value="caonima"); 测试好了欢迎使用我们的空间。我们提供万网息壤美国香港多线空间,价格便宜

Javascript 自动填写表单的实现方法?

你不就是想页面打开时自动做提交么?

form name="mainfrm" id="mainfrm" action="" method="post"

input type="text" id="username" name="username"/

input type="text" id="pwd" name="pwd"/

input type="submit" id="submit" value="submit"/

/form

在页面最底下加入:

script

//给页面元素赋值

document.getElementById("username").value = "aaa";

document.getElementById("pwd").value = "bbb";

//提交form

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

/script

Javascript中怎么提交表单

H5edu教育html5开发为您解答:

办法1.同一个页面中建立两个表单 各自提交:

form action="?" name="form1" id="form1"

!-- 表单内容 --

input type="submit" /

/form

form action="?" name="form1" id="form1"

!-- 表单内容 --

input type="submit" /

/form

办法2:如果非要只有一个表单的话,通过js提交:

script type="text/Javascript" language="Javascript"

function submitYouFrom(path){

$('form1').action=path;

$('form1').submit();

}

/script

form action="?" name="form1" id="form1"

!-- 表单内容 --

input type="button" value="提交1" Onclick="submitYouFrom('地址一')"/

input type="button" value="提交2" Onclick="submitYouFrom('地址二')"/

/form


推荐阅读
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 使用 Azure Service Principal 和 Microsoft Graph API 获取 AAD 用户列表
    本文介绍了一段通用代码示例,该代码不仅能够操作 Azure Active Directory (AAD),还可以通过 Azure Service Principal 的授权访问和管理 Azure 订阅资源。Azure 的架构可以分为两个层级:AAD 和 Subscription。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • Java 中的 BigDecimal pow()方法,示例 ... [详细]
  • 本文介绍了Java并发库中的阻塞队列(BlockingQueue)及其典型应用场景。通过具体实例,展示了如何利用LinkedBlockingQueue实现线程间高效、安全的数据传递,并结合线程池和原子类优化性能。 ... [详细]
  • 1.如何在运行状态查看源代码?查看函数的源代码,我们通常会使用IDE来完成。比如在PyCharm中,你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢?当我们想使用一个函 ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • UNP 第9章:主机名与地址转换
    本章探讨了用于在主机名和数值地址之间进行转换的函数,如gethostbyname和gethostbyaddr。此外,还介绍了getservbyname和getservbyport函数,用于在服务器名和端口号之间进行转换。 ... [详细]
  • JavaScript中属性节点的类型及应用
    本文深入探讨了JavaScript中属性节点的不同类型及其在实际开发中的应用,帮助开发者更好地理解和处理HTML元素的属性。通过具体的案例和代码示例,我们将详细解析如何操作这些属性节点。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 本文详细介绍了Java中org.w3c.dom.Text类的splitText()方法,通过多个代码示例展示了其实际应用。该方法用于将文本节点在指定位置拆分为两个节点,并保持在文档树中。 ... [详细]
  • 使用Vultr云服务器和Namesilo域名搭建个人网站
    本文详细介绍了如何通过Vultr云服务器和Namesilo域名搭建一个功能齐全的个人网站,包括购买、配置服务器以及绑定域名的具体步骤。文章还提供了详细的命令行操作指南,帮助读者顺利完成建站过程。 ... [详细]
author-avatar
手机用户2502908275
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有