vol.05

21問 • 2年前

William Wan

通報

問題一覧

①は、テキストフィールド、ラジオボタン、チェックボックスなどの入力用及び選択用のGUIコンポーネントから構成されます。入力用のコンポーネントにデータを記入し、ボタンを押すと、データがサーバーに送信されます。

フォーム

form要素は２つの主要な属性を持ちます。１つは、データを受け取るプログラムを指定する①属性、もう１つは、データの送信方法を指定する②属性です。

action, method

<① ②="リクエストメソッド", ③="データを送信するプログラムのURL"> ~ </①>

form, method, action

①要素ユーザーからの入力を受け入れるための基本的な手段を構成するのが①要素です。 ①要素では、②属性の値によって様々な③コンポーネントを表示できます。

input, type, GUI

input要素による代表的なGUIコンポーネント: コンポーネント type属性の値テキストフィールド　　　①, ②, ③ ラジオボタン ④ チェックボックス ⑤ スライダー ⑥ 色 ⑦ 日付入力フィールド ⑧ 年・月入力フィールド ⑨ 時刻入力用フィールド ⑩

text, password, number, radio, checkbox, range, color, date, month, time

①要素 ①要素はアンケートの自由意見欄のような複数行にわたる文章の入力に適しています。 input要素とは異なり、開始タグと終了タグのペアを使用し、タグの間に記述された内容がテキストエリア内の初期値となります。

textarea

①要素 ①要素を用いるとリストボックスを作成することができます。リストボックス内の項目は、①要素内に②要素を記述することで作成できます。初期値として②要素のどれかを選択した状態にしておきたい場合は、①要素のselected属性にselectedを設定します。

select, option

①要素 Webページにボタンを表示させるには、ボタン要素を利用します。 ①要素では、②属性の値によって様々な機能を持つボタンを作成する事ができます。

button, type

button要素による代表的なtype属性: ①　自身が属するフォームのデータをサーバーに送信するボタンとなります。 ②　すべてのコントロールを初期値にリセットするボタンです。 ③　クライアントサイドにおけるスクリプトを要素のイベントに関連付けることで、イベントが発生した時に実行させます。

submit, reset, button

<form method="Get" action=""> <input typ="text" name="data"><br> <⓪ type="①">送信</⓪> <⓪ type="②">リセット</⓪> </form> type属性に①が指定されている⓪要素は送信ボタンを表します。送信ボタンが押されると、送信ボタンを含むフォームのaction属性で指定されたプログラムが呼び出されます。 type属性に②が指定されている⓪要素はリセットボタンを表示します。リセットボタンが押されると、リセットボタンを含むフォームのすべてのコンポーネントが初期状態にリセットされます。

button, submit, reset

HTMLなどを利用したGUIコンポーネントにユーザーが入力・選択したデータを、サーバーへ送信することができます。サーバーに送信されるデータを①②、または②と言います。 ②は、②③と②④の２つの部分から構成されます。 ②③はGUIコンポーネントを作成するタグのname属性の値となります。 ②④は、そのコンポーネントに入力した文字列となります。 ②のデータ形式は、②③と②④を「=」で連結した形式となります。

リクエスト, パラメータ, 名, 値

パラメータは、①メソッドのGETやPOSTを利用して送信することができますが、GETとPOSTでパラメータの格納箇所が異なります。 GETメソッド GETメソッドを利用してパラメータを送信する場合、パラメータは②末尾に付与されて送信されます。本来の②とパラメータは、「③」によって区切られます。 ②に付与されるパラメータを表す文字列を④といいます。 POSTメソッド ①のメッセージボディに格納されます。

リクエスト, URL, ?, クエリストリング

クライアントから送信されるリクエスト内のパラメータをサーブレットで利用する際、適切に①を行う必要があります。基本的には、クライアントで②する際に使用した文字コードとサーバーで①する文字コードを位置させる必要があります。 ①における文字コードの指定方法は、GET・POSTの各メソッドにより異なります。

デコード, エンコード

GETメソッド GETメソッドを利用しパラメータを送信する場合、パラメータは①に格納されます。 POSTメソッド POSTメソッドを利用しパラメータを送信する場合、パラメータは②の③に格納されます。サーブレットにおいて、②の③をデコードする際の文字コードは、④インターフェイスの⑤メソッドで行います。

URL, リクエスト, メッセージボディ, ServletRequest, setCharacterEncoding

リクエストのメッセージボディをデコードする文字コードを指定するメソッド ① ②(③ env) - リクエストのデコードの際に使用する文字コードを指定します。

void, setCharacterEncoding, String

パラメータを文字コード「UTF-8」でデコードするには、①オブジェクトの参照を通して、②メソッドを呼び出し、引数にデコードの文字コードを指定します。 req.②("③")

HttpServletRequest, setCharacterEncoding, UTF-8

HTMLのフォームで入力したデータなどのクライアントからのリクエスト情報は、①オブジェクトに格納されています。

HttpServletRequest

リクエストパラメータを取得する主なメソッド ① ②③(① name) 引数ｋで指定されたパラメータ名から値をString値として返す。 ①[] ②③④(① name) 引数で指定された名前を持つパラメータのすべての値をString 型配列として取得する。 ⑤ ②③⑥() リクエストパラメータのすべての名前をEnumeration型として返す。

String, get, Parameter, Values, Enumeration, Names

GET送信とPOST送信のまとめ通常のWebアプリケーション開発で利用する①メソッドは、ほとんどの場合GETかPOSTです。 GETメソッドは次のような場合に使用されます。ブラウザのアドレスバー直接②を入力した場合 ③(アンカー)をクリックした場合 <④>タグの⑤属性に⑥を指定(またはmethod属性を省略)し、サブミットした場合 POSTメソッドは次のような場合に使用されます。 <④>タグの⑤属性に⑦を指定し、サブミットした場合

HTTP, アドレス, リンク, form, method, GET, POST

GET送信とPOST送信の比較を示します。 GET送信：用途：①の取得場面：②を直接入力、③をクリック、フォームを利用した場合で④属性を省略、あるいはGETを指定した場合パラメータ：URLの後ろに⑤⑥名=⑥値の形で付加される。呼び出されるサーブレットのメソッド：⑦メソッド POST送信：用途：⑧の送信場面：⑨を利用した場合で、④属性に⑩を指定した場合。パラメータ：URLには付加されない呼び出されるサーブレットのメソッド：⑪メソッド

コンテンツ, URL, リンク, method, ?, パラメータ, doGet, データ, フォーム, POST, doPost

GET送信とPOST送信の用途 ①の送信には、GET送信かPOST送信を使用します。 GET送信は、HTML②での入力情報を(リクエストラインの)URLに追加され、情報がブラウザの③欄に表示されます。これは、ブックマークに登録されることによって情報漏洩に繋がるため、秘匿性の高い情報の送信に使用するべきではありません。このような情報の送信を行う場合は、④送信を使用してください。 HTTPのRFC上では、GETとPOSTで送信可能なデータの⑤は規定されていません。しかし、GETによる送信では、ApacheなどのWebサーバーやブラウザでデータの⑤の上限が定められていることがほとんどです。

パラメータ, フォーム, URL, POST, サイズ

テスト問題

William Wan · 23問 · 2年前

テスト問題

23問 • 2年前

William Wan

算数問題

William Wan · 10問 · 2年前

算数問題

10問 • 2年前

William Wan

English