Javascript 在窗口警报中显示html5输入值，并将值保存在.txt中_Javascript_Php_Html

Javascript 在窗口警报中显示html5输入值，并将值保存在.txt中

javascript php html

Javascript 在窗口警报中显示html5输入值，并将值保存在.txt中,javascript,php,html,Javascript,Php,Html,我需要两个函数，第一个是通过单击display按钮在窗口警报中显示所有输入值，第二个是通过单击Submit with JavaScript或PHP以.txt格式保存该值这是我的Html代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> &

我需要两个函数，第一个是通过单击display按钮在窗口警报中显示所有输入值，第二个是通过单击Submit with JavaScript或PHP以.txt格式保存该值

这是我的Html代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

</head>

<body>

<form action="action_page.php">
ID:<br>
<input type="number" name="ID" id="ID">
<br>
Password:<br>
<input type="password" name="password" id="password">
<br>
First name:<br>
<input type="text" name="first name" id="first name">
<br>
last name:<br>
<input type="text" name="last name" id="last name">
<br>
Prmotion:<br>
<select name="promo" id="promo">
<option value="1">1 anne</option>
<option value="2">2 anne</option>
<option value="3">3 anne</option>
<option value="4">4 anne</option>
<option value="5">5 anne</option>
</select><br>
Date de Naissance:<br>
<input type="date" name="birthday" id="birthday">
<br>
Email:<br>
<input type="email" name="mail" id="mail">
<br>
Telephone:<br>
<input type="tel" name="telephone" id="telephone">
<br>
Sport Prefere:<br>
<input type="checkbox" name="sport" value="Natation"> Natation<br>
<input type="checkbox" name="sport" value="Soccer" checked> Soccer<br>
<input type="checkbox" name="sport" value="Tennis" checked> Tennis<br>
 Sex:<br>
 <input type="radio" name="sex" value="male" checked>Male
 <br>
 <input type="radio" name="sex" value="female">Female
 <br>
 Option:<br>
 <select name="Option">
 <option value="Telecom">Telecom</option>
  <option value="Multi">multimedia</option>
  <option value="Logi">Logiciel</option>
 </select><br>
 Comment:<br>
<textarea name="comment" id="comment"></textarea><br>

<input type="submit" value="Display">
<input type="submit" value="Submit">

</form>
</body>
</html>


无标题文件
ID:



密码：



名字：



姓氏：



Prmotion:

1安妮
2安妮
3安妮
4安妮
5安妮


出生日期：



电子邮件：



电话：



喜欢运动：

游泳

足球

网球

性别：

男性


女性


选项：

电信
多媒体
逻辑学


评论：

您可以使用

序列化数组

方法在表单中创建对象数组，然后在警报中显示该数组

要提交表单数据，可以使用

ajax

然后在php文件action_page.php中输入以下代码，将post值保存在文本文件中

if($_SERVER['REQUEST_METHOD'] == 'POST'){
$myfile = fopen("hello.txt", "a") or die("Unable to open file!");
$txt = json_encode($_POST);
fwrite($myfile, $txt);
fclose($myfile);
}

$（“#显示”）。在（“单击”，函数（）{
//警报（$（'form'）.serializeArray（））；
变量字段=$（'form'）.serializeArray（）；
var数据=[]；
每个（字段，函数（i，字段）{
数据推送（字段值）；
});
警报（数据）；
返回false；
});
$（“#提交”）。在（“单击”，函数（）{
变量字段=$（'form'）。序列化（）；
var数据=[]；
$.ajax({
键入：“POST”，
数据：字段，
url:“action_page.php”，
成功：功能（结果）{
警报（结果）；
}
});
返回false；
});

身份证件：



密码：



名字：



姓氏：



动议:


1安妮
2安妮
3安妮
4安妮
5安妮

出生日期：



电邮：



电话：



运动优先：


游泳


足球


网球

性别:


男性


女性

选项：


电信
多媒体
逻辑学

评论：




您应该首先尝试编写jquery代码，如果您遇到了困难，我们可以为您提供建议。