第 70章PHPとHTML

エンコードが重要になる場面はいくつかあります。 string $dataというエンコードされ ていない文字列データを渡す場合について考えてみると：

• HTMLを通じて渡す場合： 文字列にはどのような値が含まれるか分か らないので、データは必ずhtmlspecialcharsを行い、 ダブルクオートで囲まなければなりません。

• URLを通じて渡す場合: URLはいくつかのパーツから成り立ちます。 このデータをそのパーツのうちの一つであると解釈させたいならば、 urlencode()でエンコードしなけれ ばなりません。

例 70-1. HTMLのhidden要素 <?php    echo "<input type=hidden value=\"" . htmlspecialchars($data) . "\">\n"; ?>

以下のようなタグを使えば、標準のボタンの代わりに画像を使用して フォームを送信することができます：

<input type="image" src="image.gif" name="foo">

ユーザが画像のどこかをクリックすると、そのフォームの内容にfoo.x とfoo.yという2つの変数が追加され、サーバに送信されます。

PHPでは$foo.xと$foo.yという名前は変数名として正しくないので、自 動的に$foo_xと$foo_yという名前に変換されます。要は、ピリオドがア ンダースコアに置き換えられる、と言うことです。 So, you'd access these variables like any other described within the section on retrieving variables from outside of PHP. For example, $_GET['foo_x'].

フォームの内容をPHPスクリプトで配列として受け取るには、 <input>, <select> or <textarea>といった要素のnameを以 下のように指定します：

<input name="MyArray[]"> <input name="MyArray[]"> <input name="MyArray[]"> <input name="MyArray[]">

変数名の最後にあるブラケットに注意してください。これにより、フォー ムの内容が配列として扱われます。異なる要素に同じ名前をつけること で要素を配列にグループ分けすることができます。

<input name="MyArray[]"> <input name="MyArray[]"> <input name="MyOtherArray[]"> <input name="MyOtherArray[]">

上記のHTMLの場合、MyArrayとMyOtherArrayという2つの配列が生成され、 PHPスクリプトに送信されます。また、配列に特定のキーを設定するこ ともできます。

<input name="AnotherArray[]"> <input name="AnotherArray[]"> <input name="AnotherArray[email]"> <input name="AnotherArray[phone]">

この場合、配列AnotherArrayのキーは0, 1, emailそしてphoneとなります。

配列関数と PHPの外部から来る変数 も参照して下さい。

"select multiple"タグを使うと、ユーザはリストから複数の項目を選 択することができるようになります。選択された項目はフォームの actionで指定されたハンドラに渡されます。問題は、これらの値が全て 同じ名前で渡されることです。つまり、

<select name="var" multiple>

選択されたそれぞれの項目はactionのハンドラに次のように渡されます：

var=option1 var=option2 var=option3

それぞれの項目は前の変数$varの値を上書きして しまいます。この問題を解決するには、PHPの"フォームの値を配列にす る"機能を使います。以下のようにするとよいでしょう。

<select name="var[]" multiple>

こうすればPHPに$varを配列として扱うように知ら せることができ、各項目のvalueの値は配列の要素としてvar[]に追加さ れます。最初の項目は$var[0]になり、次の項目は $var[1]...というようになります。 count()関数を使えば選択された項目の数を知るこ とができます。またもし必要ならsort()関数を使っ てソートを行うこともできます。

JavaScriptを使っている場合、フォーム要素に要素名を使って(訳注： document.myform.myelement.value等の様に)アクセスしようとすると、 要素名に含まれる[]が問題となることがあるので 気をつけてください。この場合は、数字で表されるフォーム要素のIDを 使用するか、シングルクオートで要素名を囲んでフォーム要素の配列の インデックスとしてアクセスして下さい。例えば、以下のようにします：

variable = documents.forms[0].elements['var[]'];

Javascriptは（普通は）クライアントサイド技術であり一方PHPは（普通は） サーバーサイド技術です。またHTTPは"ステートレスな"プロトコルです。 そのため、この二つの言語はダイレクトに変数を共有することができません。

しかしながら、この二つの言語の間で変数を渡すことは可能です。 一つの方法はPHPと一緒にJavascriptのコードを生成し、 ブラウザに自動的にリフレッシュ（再ロード）させることです。 以下の例はまさにそれで、PHPに画面の高さと幅を認識させています。 これは通常はクライアントサイドでしかできないことです。

<?php if (isset($_GET['width']) AND isset($_GET['height'])) { // output the geometry variables echo "Screen width is: ". $_GET['width'] ."<br />\n"; echo "Screen height is: ". $_GET['height'] ."<br />\n"; } else { // pass the geometry variables // (preserve the original query string // -- post variables will need to handled differently) echo "<script language=\"javascript\">\n"; echo " location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}" . "&width=\" + screen.width + \"&height=\" + screen.height;\n"; echo "</script>\n"; exit(); } ?>