type属性について

Question

現在　html.cssの勉強をしています。
初心者なので、質問レベルが低すぎのは
御容赦いただきたいです。

フォームに関して勉強しており
value属性の意味がよくわかりません。
無くしてみましたが
見た目は変わりません。
調べた所、初期値を設定すると書いてありましたが、なんのことやら…
もう少し噛み砕いて教えていただけると
ありがたいのですが、お願いできますでしょうか？

Comments

[maisumakun]

どの要素の、どの属性でしょうか？

変えてみたbefore/afterを書いていただけるとわかりやすいです。

Answer 1

Webページ上に<input>タグでテキストボックスやコンボボックスやラジオボタンなどの入力枠を置きます。
その際の入力枠の形を指定するのがtype属性です。
そして、その入力枠の初期値を入れておくためにvalue属性を指定します。text属性で設定する場合もあります。
シンプルにテキストボックスに1を初期値として与えて表示するなら

  <input id="txtKosuu" name="txtKosuu" type="text" size="5" value="1" >

と記述します。
私の様々なフォーム部品の振る舞いを試したhtmlコードがこのリンク先です。（消費税が5%なのでレトロ感漂うコードです。）ソースコードを表示して振る舞いを分析してみてください。

また、上記のWebページはJavaScriptでイベント駆動していますが、otnさんの回答のようにサーバーに投げ返して、サーバー側でプログラムが反応する仕組みのためにも使います。その際には各入力枠にid属性やname属性を付けておき送り込む属性の名前に使います。

　つまり、<input>タグや<select>タグはローカルな動作にも、サーバーとの双方向の動作にも使えます。

Comments

[yosuke0919]

細かく教えて頂きありがとうございます????まだ、自分には理解が難しいですが、理解出来るように勉強します！

Answer 2

フォームというのは、HTMLからウェブサーバーへのリクエストを作成してデータをサーバーに送るための物です。
なので、「サーバーサイドプログラムとは何か」が分かっていないと理解できなくて当然です。

そこは飛ばして、後で「サーバーサイドプログラムとは何か」が理解できてから戻ってくれば良いかと思います。

Comments

[yosuke0919]

なるほど。簡潔に言って頂いてありがとうございます。もっと奥深く勉強しないと理解が難しそうですね。
とりあえず飛ばします????