誰でもわかるPHP入門

PHPで入力枠を作ってみよう!!

読了までの目安時間:約 3分

 

前回のprintタグは覚えてますか??

それではどんどんいきましょう!!っとその前にprintタグですが、echoで使われているデザイナーの方もいます。基本的に同じと思っていただければ結構ですよw

それでは入力枠を早速設置してみましょう。

2013y01m22d_171309935

こういった形でいらっしゃいませの下に入力枠が表示できてれば正解ですね^^

タグはこうなります。

<form>
<input name="nickname"type="text"style="sidth:100px">
</form>

 

こちらを打ち込んでいただければ設置されるはずでsy。

ではなぜこんな入力枠が表示されるのか解析してみましょう。

まずは入力枠を表示するには、黄色い蛍光の部分<form>~</form>で囲ってあげなければなりません。

赤い蛍光の部分こちらがinputタグと言いまして入力枠を画面に出します。

紫の蛍光の部分は好きなお名前をいれてください。今回はわかりやすいようにnicknameとしました。

どうですか??うまくできましたか??

それではどんどんいきましょう。

送信ボタンを設置してみよう!!

さて、次に入力枠の横に送信ボタンを設置してあげましょう。

こんなタグを先ほど打ち込んだinputタグの下に打ち込みます^^

<input type="submit"value="送信">

 

黄色い蛍光の部分は送信ボタンです。

赤い蛍光の部分は表示したいボタン名です。

大丈夫ですか??ゆっくり頭をやわらかく気楽な感じで実践していきましょ。

間違っても焦らずにw

TeraPadではこんな感じになってます。

2013y01m22d_173838916

それでは打ち込めたらアップロードもしくは更新してみてください。

2013y01m22d_173826671

送信ボタンが現れたでしょww

ここまで来たあなたは、もう十分プログラマーです。おめでとうございます。

それでは次回も頑張りましょう!!

<スポンサードリンク>

 

タグ :  

PHPを実践しよう!!   コメント:0

この記事に関連する記事一覧