contentname属性、value属性、formタグを使う【Java】JavaHTMLJSPはじめにJavaを使ってWebアプリを作ろうってなった時に、htmlに不慣れで苦労をしました。本記事では、htmlやWebアプリで最初につまずきやすい、formを使ったデータ送信を説明します。氏名と性別、年齢を入力して、「次へ」ボタンをクリックするとページが遷移し、入力した内容が表示される、というプログラムを作ります。環境はEclipseです。入力画面を作る入力画面としてinput.jspを作ります。htmlはタグと呼ばれる<>で囲まれた書式を使って書いていきます。タグで囲まれた箇所を要素と呼びます。(例:htmlタグで囲まれた箇所はhtml要素です)タグには属性と呼ばれる設定を与えることができます。(例:inputタグのtype属性を変えることで、テキストボックスを作ったりラジオボタンを作ることができます)html要素のみですが、input.jspのソースは以下の通りです。</table></body></html>するとこんなセンスのない画面ができあがります。「次へ」ボタンをクリックしても何も起こりません。今回のWebアプリを完成させるまでに次の2点が足りていません。1入力した値をデータとして保持する仕組み2データを次のページに渡す仕組み1をクリアする、つまりデータを保持するためにはname属性、value属性が必要です。2をクリアする、つまりデータを渡すためにはformタグが必要です。name属性とvalue属性name属性とvalue属性を加えるとinput.jspは次のようになります。画面のレイアウトは、上に貼ったものと完全に同じです。</table></body></html>テキストボックスにname属性、ラジオボタンにname属性とvalue属性、プルダウンにname属性とvalue属性を追加しました。テキストボックスにvalue属性の記載がないのは、実際に入力された値がvalue属性の値として扱われるためです。name属性の値とvalue属性の値はセットで渡されます。value="male")として渡されます。formタグ続いてソースコードにformタグを書き加えます。送りたいデータの要素と、データを送るときにユーザがクリックするボタンを囲むようにして、formタグを書きます。</form></body></html>本プログラムでは送りたいデータと、送るときにクリックするボタンは全てtable要素に含まれています。talble要素を囲むようにしてformタグを書きました。formタグの属性にaction属性とmethod属性があります。action属性には、遷移先のURLを、method属性には、送るときの方式を指定します。ローカルにサーバを立ち上げているのでURLはlocalhostになります。action属性には、postを指定しました。他にgetを指定してもデータを送ることができます。個人情報など、秘匿性の高い情報を扱うときはpostを使用するのが一般的です。実際に以下のようなデータを入力し、「次へ」ボタンをクリックしました。以上でデータを送ることができました。次は、送ったデータを取得する方法を説明します。データを取得し、表示するデータの取得にはrequest領域を使用します。先ほど入力したデータは全てrequest領域に保管されています。そのため遷移先の画面では、request領域上のデータを取得する処理が必要になります。%></body></html>request領域からデータを取得するためにはgetParameterメソッドを使用します。getParameterメソッドの引数にはname属性の値を指定します。これにより、引数のname属性値に対応したvalue属性の値を取得できます。このとき、取得した値は必ずString型になります。intへのキャストが必要です。出力画面は以下のようになります。おわりにここでは、name属性、value属性、formタグの使い方を、簡単なプログラムの作成を通して説明しました。ポイントは以下2点です。以上、ありがとうございました。requestStockLike17@houjitea2IT業界で働いてます。アウトプットの場として利用させてもらっています。upLoginユーザーは見つかりませんでした。