js自动填写表单。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js自动填写表单。相关的知识,希望对你有一定的参考价值。

有两个页面。
a.html
<html>
<body>
<form name="form">
<input type="text" name="text">
<input type="button" onclick="window.open(b.html)>
</form>
</body>
</html>

单击a.html中的那个按钮,会打开b.html,在b.html中做一些处理。处理完毕后会得到一些数据。然后吧这些数据填写到a.html中。这个用js怎么实现。
把数据填写的a.html中的那个文本框中。 这样写,a.html没有反应啊。

第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如:

<form name="mainfrm" action="" method="post">
<input type="text" name="username"/>

<input type="submit" value="submit"/>

</form>

第二步:编写代码 </strong>javascript:mainfrm.username.value="stangray";mainfrm.submit.focus();

第三步: 打开浏览器的“收藏夹”,在“链接”分类中添加一个URL收藏。

在URL项中:加入上面编写的代码,也可以指定快捷键,在名称中填写“自动填表”
第四步:测试在浏览器中打开你要填写表单的网址,然后点击“链接”栏(这个菜单栏在输入地址栏的右边<a href="http://www.codesky.net" class="hden">, 取消锁定工具栏后自动填表”链接。
参考技术A 在b.html中写:
opener.form.text.value = "需要传递的数据";
参考技术B 在b的html中window.opener.text.value = "要给a的数据"; 参考技术C window.opener.document.getElementById("id").value="数据";
a.html的<input type="text" name="text">
改成<input type="text" name="text" id="text">
加了ID属性

怎么可能没反映呢 会报错吧本回答被提问者和网友采纳

用户通过PHP填写表单后如何自动生成页面?

【中文标题】用户通过PHP填写表单后如何自动生成页面?【英文标题】:How to automatically generate a page after user fills a form via PHP? 【发布时间】:2011-09-09 19:25:39 【问题描述】:

假设我有一个包含两个输入字段的表单,标题和评论。用户填写这两个字段并提交数据后,将自动创建一个页面,其中包含用户键入的标题和评论,位于根目录的文件夹中,例如 www.root.com/page/ 将包含自动生成的页面。

更新:

我希望将表单数据发送到 SQL 表行,其中自动生成页面的 url 与标题和评论位于同一 SQL 行中。

我如何通过 PHP 做到这一点?

【问题讨论】:

您可以这样做,但通常您会将值存储在数据库中,然后在页面加载时获取它们。除非你有实际的理由想要写出文件。 【参考方案1】:
<?php
//Template for basic page
$template = <<<EOD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><!--TITLE--></title>
</head>

<body>
<!--COMMENT-->
</body>
</html>
EOD;

//handle the posted form
if(isset($_POST['title'])&&isset($_POST['comment']))
    //replace the areas of the template with the posted values
    $page = str_replace('<!--TITLE-->',htmlentities($_POST['title']),$template);
    $page = str_replace('<!--COMMENT-->',htmlentities($_POST['comment']),$page);
    //create a name for the new page
    $pagename = md5($_POST['title']).'.html';

    //db connect & select
    $db=mysql_connect('localhost','user','pass');
    mysql_select_db('yourdb');

    //check if page already exists
    $result = mysql_query('SELECT pagename from yourtable WHERE url="'.mysql_real_escape_string($pagename).'"');
    if(mysql_num_rows($result)>=1)
        $notice = '<p>Page already created <b>./pages/'.$pagename.'</b></p>';
    else
        //inset new page into db
        mysql_query('INSERT into yourtable (`id`,`title`,`comment`,`url`)VALUES("",
        "'.mysql_real_escape_string(htmlentities($_POST['title'])).'",
        "'.mysql_real_escape_string(htmlentities($_POST['comment'])).'",
        "'.$pagename.'")');
        //put the created content to file
        file_put_contents('./pages/'.$pagename,$page);
        //make a notice to show the user
        $notice = '<p>New Page created <b>./pages/'.$pagename.'</b></p>';
    

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-gb">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Make page example</title>
</head>

<body>
<?php
//if the notice is set then display it
if(isset($notice))echo $notice; ?>
<form method="POST" action="">
  <p>Title:<input type="text" name="title" size="31"></p>
  <p>Comment:</p>
  <p><textarea rows="5" name="comment" cols="21"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>
</body>
</html>

【讨论】:

我希望将表单数据发送到 SQL 表行,其中自动生成页面的 url 与标题和评论位于同一 SQL 行中。 在你的问题中是在哪里说的? 对不起,我只是记得把那个放进去! 4 列:“id”、“title”、“comment”和“url”。 修改了,你明白了。生病留给你休息

以上是关于js自动填写表单。的主要内容,如果未能解决你的问题,请参考以下文章

如何使用Google自动完成和Vue js来自动填写地址?

Qt自动填写表单并点击按钮,包括调用js方法

Greasemonkey:如何自动填写登录表单?

如何禁止表单用户名,密码自动填充

谷歌浏览器 表单自动填写

使用自动填充表单控件(自动完成属性)使表单填写更快