0

4 つの HTML ページがあります。各ページにはフォームとフォーム要素がありますが、送信ボタンは 4 ページ目にしかありません。では、最初の 3 ページで選択した要素に JavaScript を使用せずにアクセスするにはどうすればよいでしょうか?? 例: フィードバックを送信するために 3 ～ 4 ページで質問に答える必要があるフィードバック フォームを考えてみましょう。4 ページ目でのみ「フィードバックを送信」ボタンをクリックすると、1 ページ目、2 ページ目、3 ページ目の要素はどのようにサーバーに送信されるのでしょうか?

これは私の大学の問題集です。ここに完全な質問があります

ステップ1：

アンケート Web サイトに適した Web アーキテクチャを特定します。調査 Web サイトは、調査に関する簡単な紹介から始まり、調査の質問が続きます。各質問 Web ページには、最大 2 つの調査質問、前後の質問へのリンク、およびテスト送信ボタンが含まれます。このラボ用にサーバー スクリプトが作成されているので、[テスト] ボタンをクリックしたときにデータがサーバーに正しく渡されるかどうかをテストできます。ただし、データはサーバーに保存されません。

ステップ2：

ローカル コンピューターで任意のテキスト エディター (NotePad++ など) を使用して、次の HTML 5 要素を含む調査 Web サイトの 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 サーバーの unit フォルダーの下に新しいフォルダー「lab03」を作成します ~/hit1091/www/htdocs。今日の作業をこの lab03 フォルダーにアップロードします。

WinSCP を使用して、すべての調査 HTML ファイルをローカル マシンから htdocs/lab03 フォルダーにドラッグ アンド ドロップします。「survey##.htm」形式を使用して調査 HTML ファイルに名前を付けることができます。## は 2 桁の数字を表します。たとえば、最初のページには「survey01.htm」などの名前を付けることができます。

ステップ 5: Web ページをテストして表示します。

http 経由でページを表示するには、任意の Web ブラウザーを使用して、アドレス //mercury.ict.swin.edu.au/hit1091// を入力します。

は < 7 桁の Swinburne ID > です。例 * http://mercury.ict.swin.edu.au/hit1091/s1234567/lab_03/survey01.htm *

認証要求ダイアログが表示されたら、SIMS のユーザー名とパスワードを使用してアクセスを確認します。

ステップ 6: ページを検証し、表示されたエラーを修正して再検証する

HTML ファイルを検証するには、 http://validator.w3.orgの「ファイル アップロード」インターフェイスを使用します。サーバーの前処理が必要な Web ページの場合は、「URL」による検証を使用する必要があります

4

1 に答える 1

0

あなたがする必要があるのは、すべてのページで提出することです. 次に、サーバー側のスクリプトを使用して、情報を処理する準備が整うまで、次のページのフォームに投稿を添付します。

たとえば、PHP でこれを行っていた場合、2 番目のページに次のような内容を含めることができます。

<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 に入れることもできます。

それを行うにはさまざまな方法があります。これはそのうちの 1 つにすぎません。ただし、入力をサニタイズすることを忘れないでください。

于 2013-03-25T05:27:01.217 に答える