LoginSignup
1
1

inputタグの属性について

Last updated at Posted at 2024-05-09

multiple属性

input要素などで使用され、複数の値の入力を可能にする

emailとfileのtype属性に対応している

使い方

<input type="email" multiple>

emailの場合はカンマ区切りのメールアドレスが入力可能

readonly属性

  • 入力フィールドを読み取り専用にする
  • 読み取り専用の入力フィールドは変更できない(テキストコピーをすることはできる)

使い方

<input type="text" id="name" name="name" value="Yuta" readonly>

フォームを送信すると読み取り専用の値が送信される

disabled属性

  • ユーザーからの入力を受け付けないような設定になる
  • フォームでdisabled属性を指定すると送信されない
  • 無効化された入力フィールドは使用することやクリックすることができなくなる

使い方

<input type="text" id="name" name="name" value="Yuta" disabled>

個人的にはJSの処理にてフォームを無効化したり有効化したりするときに使用した。

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