やまうちの起業家への道

東京大学大学院M1のやまうちです。起業家になるために学校やめて色々な事業に挑戦中です!

1.HTML②

日記のスピード感がとても遅くなってしまいますが、プログラミング終わるまではこのスピード感で行きます。

 

 

ここではHTML①では扱わなかった特殊処理について深掘って行きます。

 

特殊処理として

・ボタン&記入欄を作る

・図表を作る

などがあります。(どんどん随時追加していきます)

 

まずボタン&記入欄です。

<input class="contact-submit" type="submit" value="送信">

のようにします。classはなんでも良いですがわかりやすいようにcontact-submitにしております。

 

このtypeによっていろんなボタンが作れます。

①type="text" :1行のテキストボックス 2行以上の場合<textarea></textarea>にする。

②type="password" :パスワード入力ボックスを作る 

type="checkbox" :チェックボックスを作る。属性をcheckedにするとチェック状態で表示される。

type="radio" :ラジオボタンを作る。複数の中から1つしか選択出来ない。

type="file" :サーバーにファイルを送れる。 

type="hidden" :隠しデータをサーバーに送れる。

type="submit" :送信ボタンを作る。(表示する文字を送信にしたいのでvalue=送信としている)

type="reset" :リセットボタンを作る。

type=""button : 汎用ボタンを作る。

type="image" :画像のボタンを作る。

※inputもtextareaもタグと同じようにcssで使えて、デザインやサイズを変更出来る