12月24日(水)1コマ目
今日、やったこと
[評価用課題]Webフォーム
今日の課題
正解例をあげておきます。
[HTMLファイル]question.html
[CSSファイル]style.css
次回は
年明けです。
HTMLは卒業で、新ネタに行きます。
12月10日(水)1コマ目
今日、やったこと フォーム 今日のホワイトボード フォームとは Webブラウザでサーバーに送信するデータを入力・選択する画面。 Webアプリケーションでよく見かける画面。 フォームを作る まずは、頻出タグの紹介。 <form>タグ フォームの始まり、終わりを表す。 method属性でサーバーに送信する際のHTTPのコマンドを指定。大抵、POSTコマンド。 action属性でリクエストするサーバーのURLを指定。 <input>タグ type属性の違いで、入力・選択用の部品がいろいろと作ることができる。 <button>タグ ボタンを作る。type属性をsubmitにすると、<form>タグで指定したURLにリクエスト送信。 図 フォームをつくる 下図の画面を作成した。 図 作成した画面 HTMLは以下のとおり。 送信ボタンをクリックすると type属性がsubmitのボタンをクリックすると、<form>タグのaction属性で指定したサーバーのURLに、method属性で指定したHTTPのコマンドでリクエスト 。 このとき、<form></form>内の<input>タグや<select>タグで入力・選択された内容が、name属性と一緒に送信される。 図 送信ボタンをクリックすると 実際の画面は以下のようになる。 ①クライアント側で入力、ボタンクリック 下図のように入力し、送信ボタンをクリック。 図 送信ボタンクリック...
