imuiTextbox
機能説明
- テキストボックスを作成します。
属性一覧
- 以下に記述する以外にも
<input type="text"/>と同じ属性が利用できます。
| 注釈 | 属性名 | 型 | 説明 | 省略時の動作 |
|---|---|---|---|---|
|
HTML5
Boolean属性
|
autofocus |
boolean | 画面表示時に、テキストボックスにフォーカスをあてます | false |
| Boolean属性 | disabled |
boolean | テキストボックスを無効化します | false |
|
HTML5
Boolean属性
|
hidden |
boolean | テキストボックスを非表示にします | false |
id |
string | テキストボックスのidです | 代替idを付与 | |
maxlength |
number | テキストボックスに入力できる最大文字数を指定します | - | |
name |
string | テキストボックスのnameです | 代替nameを付与 | |
|
HTML5
国際化
無害化
|
placeholder |
string | テキストボックスに初期表示する内容を指定します | - |
| Boolean属性 | readonly |
boolean | テキストボックスの編集を不可にして読み取り専用にします | false |
|
HTML5
Boolean属性
|
required |
boolean | テキストボックスの入力を必須にします | false |
size |
number | テキストボックスに表示する文字数を指定します | - | |
| 無害化 | その他 |
string | ユーザ定義属性です | - |
サンプル
value（値を直接指定）
- タグのvalue属性に直接文字列を指定します。
HTML
<imart type="imuiTextbox" value="テキストボックス" />
value（値を変数で指定）
- サーバサイドJavaScriptで宣言した変数を、タグのvalue属性に指定します。
サーバサイド JavaScript
var sapmleValue = 'テキストボックス';
HTML
<imart type="imuiTextbox" value=sampleValue />
autofocus
- テキストボックスにフォーカスをあてた状態で画面表示をします。
HTML
<imart type="imuiTextbox" value="テキストボックス" autofocus="true" />