0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

お問い合わせフォームのレイアウト

Posted at

input, textarea

  • input 要素は1行のテキスト入力を受け取るための要素。
  • textarea 要素は複数行のテキスト入力を受け取るための要素。
  • input 要素は終了タグが不要な点に注意してください。

image.png

image.png

送信ボタンを作ろう

  • 送信ボタンにも、要素を用いる。
    input 要素にはtype属性を指定することができ、type属性にsubmit を指定すると、入力欄ではなく、下の図のような送信ボタンになる。
    ボタンに表示されるテキストは、日本語のブラウザではデフォルトで「送信」になる。

image.png

  • value属性

ボタンに表示されるテキストを変更することも可能。
value 属性に任意の値を指定することで、ボタンに表示されるテキストを変更することができる。
image.png

複数のセレクタに同じCSSを指定する

  • 複数のセレクタをコンマ(,)で区切ることで、それらに同じCSSを適用することができる。

image.png

image.png

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?