プッシュボタン
無効化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 スタイルも設置可能です。 |
| １行テキスト |
| 無設定 |
|
<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 スタイルも設置可能です。 |