Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8704

フォームの作り方

$
0
0

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 = "送信します">

Viewing all articles
Browse latest Browse all 8704

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>