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

フォームの作り方

Posted at

##input要素
input要素は1行のテキスト入力の要素です。
※input要素は終了タグが不要です。
【例】

<form>
 <p>テキスト入力</p>
 <input>  #終了タグは不要
</form>

##textarea要素
textarea要素は複数行のテキスト入力の要素です
【例】

<form>
 <p>テキスト入力</p>
 <textarea></textarea>
</form>

##送信ボタン
送信ボタンにも、input要素を使います。
input要素にtype属性を指定でき、type属性にsubmitを指定すると、入力欄ではなく、ブラウザに設定されている言語で送信ボタンが表示されます。
日本語のブラウザではデフォルトで「送信」になります。
テキストを変更するには、value属性に値を指定することで、ボタンに表示されるテキストを変更することができます。
【例】

<form>
 <p>テキスト入力</p>
 <textarea></textarea>
 <input type = "submit" value = "送信します">
</form>

classを指定する場合

<input class = "sample-submit" type = "submit" value = "送信します">
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?