0

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

这是我大学的问题单。这是完整的问题

步骤1:

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

第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步:

在mercury服务器~/hit1091/www/htdocs的unit文件夹下新建文件夹'lab03'。将今天的工作上传到这个 lab03 文件夹。

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

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

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

这是 s<您的 7 位 Swinburne ID >。例如 * http://mercury.ict.swin.edu.au/hit1091/s1234567/lab_03/survey01.htm *

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

第 6 步:验证页面并修复显示的所有错误并重新验证

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

4

1 回答 1

0

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

例如,如果您在 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 中。

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

于 2013-03-25T05:27:01.217 回答