JavaScript 入力出力部品全種と設定及びスタイル設置とその記述

[WEB][JavaScript 入力出力部品全種と設定及びスタイル設置とその記述]
注意
  • name="名前"は同じ名前は避けましょう
  • id="名前"は必ずそれぞれ違う名前でなければなりません。
  • 名前は半角英数のみしか使えません(例 btn1,btn2 など)
  • style="~"も設置可能
フォーム
タグ
<form id="名前" action="アクション" enctype="text/plain" name="名前" target="ターゲット"></form>
プッシュボタン
無効化disabled 入力不可readonly 両方disabled readonly を付加
種類(type) 表示 タグ
送信 <input type="submit" name="名前" value="表示文字" id="名前" accesskey="アクセスキー" tabindex="タブ移動順">
リセット <input type="reset" name="名前" value="表示文字" id="名前" accesskey="Z" tabindex="5">
画像 <input type="image" name="名前" value="表示文字" id="名前" src="file:自作ボタンのアドレス" alt="自作ボタンです">
ボタン <input type="button" name="名前" value="表示文字" id="名前">
ラジオ <input type="radio" name="グループ名" id="名前" checked value="選択値"> 未選択状態はcheckedを外す
チェック <input type="checkbox" name="グループ名" id="名前" checked value="選択値">
<input>を使わず直接<button>~</button>でも可能。但し</button>が必要
button <button type="submit" name="名前" id="名前" accesskey="Z" tabindex="5" onclick="関数など()">表示文字</button>
style スタイルも設置可能です(以下の部品も同様)。
input <input type="submit" name="名前" value="表示文字" id="名前" accesskey="Z" tabindex="5" style="color : #ffffff;background-color : #000000;">
button <button type="submit" name="名前" id="名前" accesskey="Z" tabindex="5" style="color : #ff0000;background-color : #ffffff;">表示文字</button>
input <input type="submit" name="名前" value="表示文字" id="名前" accesskey="Z" tabindex="5" style="text-align:left">
button <button type="submit" name="名前" id="名前" accesskey="Z" tabindex="5" style="text-align:right">表示文字</button>
複数行テキスト
無設定 <textarea rows="行数" cols="列数" id="名前" name="名前">初期値</textarea>
無効化 <textarea rows="2" cols="20" id="名前" name="名前" disabled>初期値</textarea>
入力不可 <textarea rows="2" cols="20" id="名前" name="名前" readonly>初期値</textarea>
両方 <textarea rows="2" cols="20" id="名前" name="名前" readonly disabled>初期値</textarea>
style スタイルも設置可能です。
1行テキスト
無設定 <input size="サイズ" id="名前" type="text" maxlength="最大文字数" name="名前" value="初期値">
無効化 <input size="20" id="名前" type="text" maxlength="20" name="名前" value="初期値" disabled>
入力不可 <input size="20" id="名前" type="text" maxlength="20" name="名前" value="初期値" readonly>
両方 <input size="20" id="名前" type="text" maxlength="20" name="名前" value="初期値" disabled readonly>
style スタイルも設置可能です。
パスワード
無設定 <input size="20" id="名前" type="password" maxlength="20" name="名前" value="初期値">
無効化 <input size="20" id="名前" type="password" maxlength="20" name="名前" value="初期値" disabled>
入力不可 <input size="20" id="名前" type="password" maxlength="20" name="名前" value="初期値" readonly>
両方 <input size="20" id="名前" type="password" maxlength="20" name="名前" value="初期値" disabled readonly>
style スタイルも設置可能です。
ファイル選択領域
<input type="file" id="名前" name="名前" value="初期値" size="10" maxlength="20">
style スタイルも設置可能です。
リストボックス(アクセスキーの設置は出来ません)
selectedで初期選択状態を設定
無設定 <select size="行数" id="名前" name="名前">
<option value="値1" selected>項目1</option>
<option value="値2">項目2</option>
</select>
無効化 <select size="4" id="名前" name="名前" disabled>
<option value="値1">項目1</option>
<option value="値2" selected>項目2</option>
</select>
複数選択許可 <select size="4" id="名前" name="名前" multiple>
<option value="値1">項目1</option>
<option value="値2">項目2</option>
</select>
両方 <select size="4" id="名前" name="名前" multiple disabled>
<option value="値1">項目1</option>
<option value="値2" selected>項目2</option>
</select>
オプションメニュー(アクセスキーの設置は出来ません)
selectedで初期選択状態を設定
無設定 <select id="名前" name="名前">
<option value="値1" selected>項目1</option>
<option value="値2">項目2</option>
</select>
無効化 <select id="名前" name="名前" disabled>
<option value="値1">項目1</option>
<option value="値2" selected>項目2</option>
</select>
style スタイルも設置可能です。
複数選択許可の設置は出来ません
style スタイルも設置可能です。
ファイル選択領域(タブ移動順の設置は出来ません)
表題
<fieldset id="名前"><legend align="位置揃え" accesskey="C">表題</legend>ここに部品を入れる</fieldset>
位置揃えには上:top | 下:bottom | 左:left | 右:right | 自動:何も設置しない