サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 入力部品 <INPUT>

入力部品 <INPUT>



<INPUT>タグについて

フォームで入力部品を作成します。作成できる形式は1行テキスト領域やラジオボタン、チェックボックスなど様々です。
<INPUT>タグには終了タグはありません。

属性 機能 記述例
type text
password
radio
checkbox
submit
reset
button
image
file
hidden
一行テキスト領域
パスワード用領域
ラジオボタン
チェックボックス
送信ボタン
リセットボタン
汎用ボタン
画像ボタン
ファイル選択
隠し項目
<INPUT type="text">
<INPUT type="password">
<INPUT type="radio">
<INPUT type="checkbox">
<INPUT type="submit">
<INPUT type="reset">
<INPUT type="button">
<INPUT type="image">
<INPUT type="file">
<INPUT type="hidden">
name 名前 フィールド名 <INPUT name="myText">
value 文字列 送信する値 <INPUT value="送信">
size 数値 部品の横幅を指定 <INPUT size="10">
disabled 入力・選択不可能にする <INPUT disabled>
checked 初期値をチェック状態にする <INPUT checked>
tabindex 数値 タブで移動する順 <INPUT tabindex="2">
maxlength 文字数 最大入力文字数 <INPUT maxlength="10">
accept MIMEタイプ 受け入れ可能なMIME <INPUT accept="image/gif">
accesskey キー ショートカットキー <INPUT accesskey="b">

以下はtype属性の値がimageの時のみ有効です。
属性 機能 記述例
src 画像 画像ファイル指定 <INPUT src="abc.gif">
align top
middle
bottom
left
right
画像の上揃え
画像の中央揃え
画像の下揃え
画像の左揃え
画像の右揃え
<INPUT align="top">
<INPUT align="middle">
<INPUT align="bottom">
<INPUT align="left">
<INPUT align="right">
alt テキスト 代替テキスト <INPUT alt="送信する">
ismap サーバーサイドイメージマップを指定 <INPUT ismap>
usemap 名前 イメージマップを指定 <INPUT usemap="#map">


サンプル

入力部品

フォームの作成を行います。

最大入力文字数10

パスワード用

ラジオボタン ラジオボタン

チェックボックス(チェック済み)

送信ファイル選択







画像ボタン



サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>入力部品</H2>
<P>フォームの作成を行います。</P>
<FORM>
<INPUT type="text" maxlength="10">最大入力文字数10<BR><BR>
<INPUT type="password">パスワード用<BR><BR>
<INPUT type="radio" name="r1">ラジオボタン
<INPUT type="radio" name="r1">ラジオボタン<BR><BR>
<INPUT type="checkbox" checked>チェックボックス(チェック済み)<BR><BR>
<INPUT type="file">送信ファイル選択<BR><BR>
<INPUT type="submit" value="送信"><BR><BR>
<INPUT type="reset" value="リセット"><BR><BR>
<INPUT type="button" value="汎用ボタン"><BR><BR>
<INPUT type="image" src="img/img0.jpg">画像ボタン<BR><BR>
</FORM>


解説・注意点など

チェックボックスやラジオボタンにはvalueの値を設定しておきます。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home