LoginSignup
1
0

More than 3 years have passed since last update.

フォーム画面の作り方

Posted at

フォーム画面を作りました

こんにちは、未来電子テクノロジーの西尾芽衣です。

今回、フォーム画面を作ったときに学んだことについてアウトプットしていきます。

input

まず、入力する際に使うのが、inputです。
一行のみ入力できます。
以下のように使います。

<p>input要素</p>
<input>

は終了タグが必要ないのが特徴です。

textarea

数行入力したい場合は、textareaを使います。

<p>textarea要素</p>
<textarea></textarea>

は終了タグが必要なので、混同しないようにする必要がありますね。

送信ボタン

フォームを作る際に必ず必要になるのが、送信するためのボタンです。
ボタンはinput属性を使います。

以下でボタンの作り方を示します。

<input type="submit">

上記の表字で、ブラウザの設定が日本語ならば、日本語で「送信ボタン」ができます。

まとめ

今回は、フォーム画面の作り方をご紹介しました。

ぜひフォームを作る際の参考にしてください。

最後までお読みいただきありがとうございました!

1
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
1
0