ally2Yblg6's diary

プログラミングなどの学習内容をここに書いていきます。更新を頻繁にしてモチベーションを上げていきたいと思ってます。

フォームを作る

formタグ使う

アンケートページ等で送信ボタンや、
テキストを入力するものを
挿入したいときは"form"タグを使います。

送信した際の動作は
PHPRuby等の言語を使って決めます。

<form action="test.php" method="post">
</form>

今回はPHPを使うと想定します。
この部分はHTMLの知識ではないので
説明を省略します。

テキストボックス、送信ボタンを作る

テキストボックスの作り方は

<form action="" method="">
<p>名前:<input type="text" name="name"></p>
</form>

このように書きます。
"input type"でテキストを入力するボックスを作ります。
"name"をつける意味は、
多言語で使うときに、その言語が何を使うか分かるように宣言するためです。

実際に表示するとこのようになります。


名前:

size、maxlengthでテキストボックスのサイズや、最大入力数を指定できます。

<form action="" method="">
<p>名前:<input type="text" name="name" size="30" maxlength="10">
</form></p>


ほかにも"textarea"いうものもあります。

送信ボタン

<form action="" method="">
<p><input type="submit" value="送信">
</form></p>

"submit"はボタンを作成するものです。
"value"属性はsubmitのテキストを指定することができます。



送信ボタンが表示されました。

意外と簡単にできました。
実際に使うとなれば、
もうすこし手間がかかりそうです。

以上です。



教材:ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト