Premièrement, le plus simple est de transférer les données d'un formulaire dans la même page Web.
Par exemple, il y a deux formulaires sur une page Web, chacun avec une zone de texte et un bouton. Cliquez sur les boutons pour modifier la valeur de la zone de texte de chacun. L'exemple que nous avons donné est de transférer une zone de texte vers une autre zone de texte. Le code HTML spécifique est le suivant :
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield"> <input type="button" name="Submit" value="1--------->2" onClick="ok()"> </form> <form name="form2" method="post" action=""> <input type="text" name="textfield2"> <input type="button" name="Submit" value="2----->1" onClick="ok1()"> </form> </body> </html>
Ce qui précède est le code HTML Vous avez peut-être remarqué le code onclik. Il y a ensuite le code JAVASCRIPT. 🎜>Deuxièmement, le second est le transfert de données entre les zones de texte du formulaire entre les deux fenêtres. En fait, cela peut être étendu sur la base originale. Concernant la façon de créer une fenêtre pop-up et le code du formulaire dans le formulaire, je n'entrerai pas dans les détails ici. Parlons maintenant de la façon d'exploiter les données de la zone de texte sous la forme de la fenêtre parent. Le code spécifique est le suivant :
<script language="JavaScript">
function ok()
{
document.form2.textfield2.value=document.form1.textfield.value;
}
function ok1()
{
document.form1.textfield.value=document.form2.textfield2.value;
}
</script>Troisièmement, la troisième méthode consiste à transférer des données entre les zones de texte du formulaire entre les pages Web du cadre
La chose à noter est la manière dont le cadre est utilisé. s'écrit :<script language="JavaScript">
function ok()
{
opener.document.form2.textfield2.value=document.form1.textfield.value
}
</script>
Le code d'implémentation spécifique est le suivant :
<frameset cols="505,505"> <frame src="test.htm" name="leftr" id="leftr">//定义框架的名称 <frame src="test2.htm" id="right" name="right"> </frameset> <noframes><body> </body></noframes>
Une méthode simple pour interopérer les valeurs des zones de texte entre ces trois types de fenêtres a été implémentée. L’autre chose à laquelle il faut prêter attention est la relation entre eux.
<script language="JavaScript">
function ok()
{
parent.leftr.document.form2.textfield2.value
=document.form1.textfield.value
}
</script>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
