Question

我有4个HTML页面。在每个页面中，我都有表单和表单元素，但我的提交按钮仅在我的第4页。那么我如何尝试访问我在前三页中选择的元素而不使用JavaScript？例如：考虑一个反馈表，我们必须在3-4页内回答问题才能提交反馈。我们只在第4页点击“提交反馈”按钮，那么第1页，第2页和第3页的元素如何提交到服务器？

这是我大学的一个问题。这是完整的问题

第1步：

确定适合调查网站的网络架构。调查网站将首先简要介绍调查，然后是调查问题。每个问题网页最多包含两个调查问题，上一个和下一个问题的链接以及一个测试提交按钮。请注意，为此实验创建了一个服务器脚本，允许您在单击“测试”按钮时测试数据是否正确传递到服务器。但是，服务器上不会保存任何数据。

第2步：

使用本地计算机上的任何文本编辑器（例如NotePad ++），为包含以下HTML 5元素的调查网站创建HTML。调查表格将放在......标签之间。

<!DOCTYPE HTML> <html lang="en"> <head>
<meta charset="utf-8"> <meta name="description" content="Web development"> 
<meta name="keywords"   content="HTML (Part 1 – Content - Form)"> 
<meta name="author" content="put your name here"> 
<title>Web Development Survey</title>
</head> <body>
<!–- Survey content --> </body>
</html>

第3步：

使用第3讲中讨论的元素标记表单内容。这些是

- Form <form> ... </form> 
 - Form elements such as <label>...</label>, <input ...>, <select> ... </select>, <text area> ... </text area>,<fieldset> ... </fieldset> and <legend>...</legend>

根据需要使用第2讲中讨论的其他HTML元素

 - Heading <h#>...</h#>, Paragraph <p>..</p>, Horizontal Rule <hr> 
 - List <ol>...</ol> or <ul>...</ul>, Table <table>...</table>, Image <img ...> and Anchor <a ... >...</a> 
 - Special characters

例如，姓名和性别的第一个问题页面可以标记如下。

<form id="survey" method="post" action="http://mercury.ict.swin.edu.au/cchua/webdev/surveytest.php">
    <p><label>Name (optional)</label> <input type="text" name="name" size="20" />
    </p> <p>Gender<br />
    <label>Male</label> <input type="radio" name="gender" value=”M" />
    <label>Female</label>
    <input type="radio" name="gender" value="F" /> </p>
    <p><input type="submit" value="Test" /> <input type="reset" value="Reset" />
    </p> 
</form>

请注意，XHTML编码样式用于上面的示例代码中已在服务器上设置了处理脚本，其中包含以下URL：

“// mercury.ict.swin.edu.au/cchua/webdev/surveytest.php”

这允许您测试表单是否可以正确地将输入的数据传递到服务器。请注意，输入的所有样本数据都不会保存在服务器中。

您可以在surveydata.txt获取所有调查信息和问题。确保每个调查问题都使用正确的表单元素。例如，复选框用于允许多个答案的问题，而单选按钮用于单选题。

第4步：

在水银服务器〜/ hit1091 / www / htdocs上的单位文件夹下创建一个新文件夹'lab03'。将今天的工作上传到此lab03文件夹。

使用WinSCP，将所有调查HTML文件从本地计算机拖放到htdocs / lab03文件夹。您可以使用“survey ##。htm”格式命名调查HTML文件，其中##表示2位数字。例如，第一页可以命名为'survey01.htm'，依此类推。

第5步：测试和查看网页。

要通过http查看页面，请使用任何Web浏览器并输入以下地址， //mercury.ict.swin.edu.au/hit1091 //

是s＆lt;您的7位Swinburne ID＆gt;。例如 * http://mercury.ict.swin.edu.au/hit1091/s1234567/lab_03/survey01.htm *

当弹出授权请求对话框时，请使用您的SIMS用户名和密码确认访问权限。

第6步：验证页面并修正显示的任何错误并重新验证

要验证HTML文件，请使用http://validator.w3.org处的“文件上传”界面。对于需要服务器预处理的网页页面，必须使用“URL”进行验证

Answer 1

您需要做的是在每个页面上提交。然后通过一些服务器端脚本将帖子附加到下一页中的表单，直到您准备好处理信息。

例如，如果您在PHP中执行此操作，则可以在第二页上执行此类操作。

<form method="post" action="page-3.html">
  <label>Input for page 2</label>
  <input type="text" name="page2Input" />

<?php 
  foreach($_POST as $key => $value) {
     echo '<input type="hidden" name="'. $key .'" value="' . $value .'" >'; //Info from page 1
  }
?>

  <input type="submit" value="To Page 3">
</form>

这会将第一页的信息“添加”到表单中，以便将其信息发送到第3页。或者您也可以将它们放在$ _SESSION中。

有不同的方法可以做到这一点。这只是其中之一。不要忘记清理你的输入。

各种页面的HTML表单提交

1 个答案: