無料ホームページ作成!HTML
入力項目

無料ホームページ作成!HTML・フォーム
入力項目(INPUT要素)

ホームページでフォームの入力項目の作成

INPUT要素 (インライン)

input要素はフォーム内で入力欄を作る要素です。テキストボックス(1行のテキストボックス)やチェックボックス、ラジオボタンや送信ボタン等を作る場合に使用します。
終了タグはありません。

<input>タグの使い方

HTMLソース

<form action="url">
 <p>テキストボックス<br>
  <input type="text" name="mihon" value="入力部分">
 </p>
 <p>チェックボックス<br>
  <input type="checkbox" name="1" value="1">1<br>
  <input type="checkbox" name="1" value="2">2
 </p>
 <p>ラジオボタン<br>
  <input type="radio" name="1" value="1">1<br>
  <input type="radio" name="1" value="2">2
 </p>
 <p><input type="submit"></p>
</form>
 
結果

テキストボックス

チェックボックス
1
2

ラジオボタン
1
2

テキストボックスは短い文を記述するための部分で、チェックボックスは複数選択項目、ラジオボタンはname属性の同じ物の中から一つ選択できる選択項目です。

INPUT要素で宣言できる属性

属性名 概要
type text テキストボックス
password 文字が隠されるテキストボックス(パスワード用)
checkbox チェックボックス
radio ラジオボタン
submit 送信ボタン
reset リセットボタン
button 効果はないがプログラムを使うときに便利
image 画像を指定できる送信ボタン
file ファイルを選択するボタン
hidden 表示されない項目
name 文字 データの項目の題名
value 文字 サーバーに送信される値
type属性のtext値などは始めに入力されている文字
checked checked 初期状態で選択されている項目を指定
disabled disabled 選択、または入力できないようにする
maxlength 数字 入力可能な文字数の指定
size 数字 横幅を半角文字数で指定
src ファイル 絶対パスか相対パスで画像ファイルを指定
align middle 画像の中央に文字を表示
top 画像の上に文字を表示
right 画像の右に文字を表示
bottom 画像の下に文字を表示
left 画像の左に文字を表示
alt 文字 typeでimageを指定した場合、画像が読めなかった場合に表示される文字を指定
accesskey キー名 指定したキーを押すだけで選択できるようになるショートカットキーの指定
tabindex 数字 tabキーで移動する順番の指定

type属性は必ず付けてください。
name、value属性は記述しないとサーバーに何が送られて来たか分からないので記述してください。

無料ホームページ作成!メニュー

HTML

基本

HEAD要素内

文章

画像

リンク

リスト

フォーム

グループ

フレーム

その他

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS