日々思いついたことを気ままに書くブログです。

ProgateでHTMLを勉強する13

メールフォームを作る

<input>

一行テキスト欄(終了タグは不要)

<textarea></textarea>

複数行入力欄

<form></form>

フォームを作るタグ

このタグの中に<input>,<textarea>を記入する。

 

<form>タグの基本形はこの形になる。

<form action="#" method="post">

</form>

action属性→フォームで処理したデータを処理するプログラムを指定する。データを受け渡しするプログラムが決まっていない場合は、値に#を書いておく。
method属性→フォームで入力したデータの送信方法を記述する。値はgetとpostがあるが、基本はpostを指定する。

<input type="submit">

<imput>にtype属性をつけて、値にsubmitを指定することで、送信ボタンになる。

このままだと、ボタンに表示される文字は"送信"のみになるので、value属性で文字を指定する事で任意のボタンテキストにできる。

(例)

<input type="submit" value="保存">

 

このままではまだメールフォームとしては使用できないので、別途知識が必要。

簡単にメールフォームを使いたいならレンタルサービスで作成することもできる。

忍者ツールズfc2など)