如何用javascript自动填写已存在的表单

最新推荐文章于 2024-04-29 23:01:06 发布

weixin_40829083

最新推荐文章于 2024-04-29 23:01:06 发布

阅读量4.6k

点赞数 6

分类专栏：前端文章标签： javascript html chrome

本文链接：https://blog.csdn.net/weixin_40829083/article/details/109009835

版权

通过浏览器标签，实现现有表单的自动化填写

已存在的html文件
如何追加javascript代码

有些现有的web应用，无法直接对系统进行修改，又需要增加一些自动化的功能，以提高工作效率。把相关功能的基本的实现原理在这里做一下说明。下面的代码都在Chrome中调试通过。

已存在的html文件

下面给出的是一个最简单的html的例子。需要实现的功能是对表单中两个控件sTitle和sDetails的自动输入

html文件的源码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="txt/html; charset=utf-8" />
</head>
<body>

<form name="myForm">
Title:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_40829083

关注关注

6
点赞
踩
18

收藏

觉得还不错? 一键收藏
2
评论
如何用javascript自动填写已存在的表单

有些现有的web应用，无法直接对系统进行修改，又需要增加一些自动化的功能，以提高工作效率。把相关功能的基本的实现原理在这里做一下说明。下面的代码都在Chrome中调试通过。
复制链接

扫一扫

专栏目录

javascript实现自动填写表单(附完整元源码)

希望我的博客，能帮上你解决学习中工作中所遇到的问题

11-03

695

javascript实现自动填写表单(附完整元源码)

JavaScript脚本实现网页批量自动勾选及内容填写

bangujiao8042的博客

06-08

4454

我们知道，大部分学校每个学期都有教学评估。对于我这种习惯性好评，老师又真心不错的人，十多个老师的评价都是good，这是赤裸裸的重复劳动啊。于是我动了歪念头...嘿嘿嘿 1.登录教学评估的网页，选择一位老师：如： 2.右键查看元素，选择控制台： 3.在控制台输入代码：（第一次会有安全警告，按提示输入允许的命令即可）成功！总结：我是通过js脚本获取网页元...

2 条评论您还未登录，请先登录后发表或查看评论

javascript 自动填写表单的实现方法

01-19

本文没有什么技术上创新，只要会一点Javascript的技术就可以写了。第一步：在页面查看源代码，把Form中包含的需要填列的HTML控件找出来如： <form name=”mainfrm” action=”” method=”post”> <input type=”text” name=”username”/> <input type=”submit” value=”submit”/> </form> 第二步：编写代码 [removed]mainfrm.username.value=”stangray”;mainfrm.submit.focus(); 第三步：打开浏览器的“收藏夹”

填表教程-JS基础篇-定位元素-点击元素

热门推荐

东方郭的博客

11-02

1万+

JS如下： /*选择开始复制位置*/ $(document).ready(function(){ $("table").on("click","td[scode]",function(){ $("table td[scode]").attr("class",""); $(this).attr("class","inputred"); }); }); function cellke

js获取table表格数据并返回对象数组（工作记录）

weixin_43966996的博客

07-25

5710

此业务为通过原生JS获取table值，并返回一个对象数组

javascript实现自动填写表单实例简析

10-23

主要介绍了javascript实现自动填写表单的方法,以一个简单实例形式分析了JavaScript结合浏览器设置实现自动保存表单的相关技巧,需要的朋友可以参考下

Javascript自动填表单

12-29

JavaScript自动填表单是一种常见的网页交互技术，它允许开发者通过编写JavaScript代码来动态创建、修改或填充HTML表单，提供更丰富的用户界面和交互体验。本文将深入探讨JavaScript在自动填表单方面的应用，以及相关...

用JS做复制网页表格内容和输入框内容功能

qq_34828100的博客

12-27

1237

最近要求要做一个复制表格内容的功能，效果如下：点击复制按钮，会出现下面的效果：网上一些都是复制 input 框里的内容，这次做的是复制表格内容，记录一下做的功能，思路是把表格内要复制的内容拼接成一个字符串，再把这个字符串赋值给 input 框里的值，再就跟 input 框一样操作复制功能了，最后是隐藏复制的内容。 <div> <table id="table...

用js简单实现信息录入功能

qq_64180670的博客

11-12

1727

用js简单实现信息录入功能

网页复选框设置只能选一个_网页自动填表基础教程从简单开始

weixin_39597262的博客

11-21

1108

通常来说，网页自动填表包含单选框、复选框、文本框、多行文本框、下拉列表框的自动填写。本文讲讲这些项目的自动填写方法。所用到的工具是网页自动操作通用工具。一、文本输入框及多行文本输入框的自动填写下面来说说网页需要填表的情况，比如注册页面呀，论坛页面呀等等。需要填写每项内容，如何实现文本输入框和多行文本输入框的自动填写呢。我们请出网页自动操作通用工具。然后看看需要自动填写的页面。需要在姓名和内容框实现...

JavaScript 表单

笔记

02-03

1998

在实际工作中，JavaScript 表单常常需要结合 JavaScript 验证 API，以确保用户提交的数据是正确的。例如，在表单提交前，我们可以通过 JavaScript 对用户名、邮箱、密码等字段进行验证，以确保数据的准确性。在实际工作中，JavaScript 表单的应用非常广泛，从简单的验证到复杂的处理，都可以用 JavaScript 实现。如果是，则显示错误消息，并防止表单提交。JavaScript 表单验证 API 可以使用在表单的验证中，来检查用户的输入是否符合预期的格式。

javascript 自动填写表单

weixin_30578677的博客

04-09

894

在访问某些站点时，常常发现要填写一些没有实际意义但又必须得重复填写的表单，而且现在B/S的应用越来越多，下面的方法也许可以让你轻松点。本文没有什么技术上创新，只要会一点Javascript的技术就可以写了。第一步：在页面查看源代码，把Form中包含的需要填列的HTML控件找出来如：<form name="mainfrm" acti...

javaScript 填充表单值的方法

乐于学习、乐于分享、乐于总结

05-04

2663

//填充表单 this.populateForm = function(formId, data){ for(var attr in data){ var formField = $("#" + attr); if(!formField[0]){ formField = $("#" + formId).find("input[name=" + attr + "]");

html5 表单必填项,javascript - HTML5表单必填属性。设置自定义验证消息？

weixin_30855927的博客

06-22

1063

javascript - HTML5表单必填属性。设置自定义验证消息？我有以下HTML5表格：[http://jsfiddle.net/nfgfP/]*****目前当我在空白时点击输入时，会出现一个弹出框，上面写着“请填写此字段”。如何将该默认消息更改为“此字段不能留空”？编辑：另请注意，类型密码字段的错误消息只是*****.要重新创建此项，请为用户名提供值并点击提交。编辑：我正在使用Ch...

JS操作表单

晚先生的博客

10-04

269

操作表单表单操作和DOM操作基本相同，表单也是DOM树的一部分。假如有一个表单： ------- ------Submit 假如已经获取了一个节点：var input=document.getElementById('input') 获取输入的值：input.value; 更新文本框的值：input.value='更新的内容' 这种方法适用于text,password,

VB制作网页自动填表.doc

03-13

在这个教程中，我们将学习如何使用VB来制作一个能够自动填写网页表单的简单模拟器。首先，我们需要了解VB中的WebBrowser控件。WebBrowser控件允许VB应用程序内嵌一个浏览器引擎，可以用来显示网页内容、执行网页上...

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交