0
1

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 3 years have passed since last update.

入力フォームを作る

Posted at

お問い合わせフォームとかを作るときに必要な入力フォームの作成方法について説明します。

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

index.html
<form>
  <p>名前</p>
  <input> <!-- 終了タグ不要 -->
  <p>問い合わせ内容</p>
  <textarea></textarea>
</form>

#送信ボタンも<input>で作成する
送信ボタンにも、<input>を用います。
<input>にはtype属性を指定することができ、type属性にsubmitを指定すると、入力欄ではなく送信ボタンになります。
ボタンに表示されるテキストは、日本語のブラウザではデフォルトで「送信」になります。

index.html
<input type="submit">
0
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?