今日の小さなアウトプット7 チェックボックスとお問い合わせのパーツ

今日の小さなアウトプット7 チェックボックスとお問い合わせのパーツ

 

どうも、ぱぺまぺです。

今回は、問い合わせフォームとかでよくみかけるパーツです。

超超簡易フォームですけど、↓のような感じで作りました。

 

See the Pen
vwoMZQ
by ぱぺまぺ@社畜✕投資✕ブロガー (@ppmp65)
on CodePen.

textは、1行用のテキストボックスです。

名前とか住所とかいれるのに使うやつですね。

数行用のものは、textareaを使います。

colsとrowsでテキストエリアの幅と高さを指定できます。

今回はcolsは、20なので、20文字まで。

rowsは、5なので、5行分の高さです。

 

checkboxは、その名のとおりチェックボックスです。

submitは、送信ボタンを表示します。

lavelを使うと項目名を表示できます。

 

こういった感じでいくつか組み合わされば超カンタンなフォームを作ることができます。

ここまで読んでくださりありがとうございました。

  1. プログラミング勉強

    Progateとローカル環境平行プログラミング勉強法
  2. 未分類

    テックアカデミー挫折しないコツは、余裕を持たせた期間にすること。
  3. プログラミングアウトプット

    今日の小さなアウトプット

    今日の小さなアウトプット3 タグに名前つける
  4. プログラミングアウトプット

    今日の小さなアウトプット

    今日の小さなアウトプット7 チェックボックスとお問い合わせのパーツ
  5. 未分類

    テックアカデミーを利用しての感想です。
PAGE TOP