<input>

要素の説明

<input>は、様々なタイプの入力・選択部品を構成できる要素です。なお、この要素には終了タグがありません。

指定できる属性

id
ページ内に１つ、特別な役割を与える時に指定します。
class
ページ内に複数、特別な役割を与える時に指定します。
type
入力部品のタイプを指定します。
text： 1行のテキストフィールド
password： パスワード専用入力フィールド
checkbox： チェックボックス
radio： ラジオボタン
file： ファイル選択
hidden： 表示されない部品
submit： 送信ボタン
reset： リセットボタン
button： 汎用ボタン
name
部品に名前をつけます。チェックボックスとラジオボタンの場合、同じ項目に同じ名前をつけます。
value
部品に初期値を与えられます。タイプがボタンの場合、ボタンのラベルとして表示されます。
size
部品の最大サイズを指定します。
maxlength
タイプがテキスト・パスワードの場合、入力可能最大文字数を指定します。
checked
タイプがチェックボックス・ラジオボタンの場合、あらかじめ選択された状態にします。
readonly
部品を変更不可能にします (選択は可能) 。
disabled
部品を変更も選択も不可能にします。

中に入れられる要素

<input>に入れられる要素はありません。

サンプル

サンプルページ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>サンプルページ</title>
</head>

<body>
 <div id="header">
  <h1>サンプルページ</h1>
  <p>このページはサンプルを表しています。</p>
 </div>
 <h2>コンテンツ</h2>
 <form>
  <p>
  テキスト：
  <input type="text" size="12" maxlength="20">
  </p>
  <p>
  テキスト（変更不可）：
  <input type="text" size="12" value="test" readonly>
  </p>
  <p>
  パスワード：
  <input type="password" size="12">
  </p>
  <p>
  チェックボックス：
  <input type="checkbox" name="ch">チェック
  </p>
  <p>
  ラジオボタン：
  <input type="radio" name="ra">ラジオ1
  <input type="radio" name="ra">ラジオ2
  </p>
  <p>
  非表示：
  <input type="hidden">
  </p>
  <p>
  送信ボタン（選択変更不可）：
  <input type="submit" disabled>
  </p>
  <p>
  リセットボタン：
  <input type="reset">
  </p>
  <p>
  汎用ボタン：
  <input type="button" value="ボタン">
  </p>
 </form>
</body>

</html>