1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
|
---
title: textbox
slug: Archive/Mozilla/XUL/textbox
tags:
- XUL Elements
- XUL Reference
translation_of: Archive/Mozilla/XUL/textbox
---
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
« <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a> [
<a href="#Examples">例</a> |
<a href="#Attributes">属性</a> |
<a href="#Properties">プロパティ</a> |
<a href="#Methods">メソッド</a> |
<a href="#Related">関連項目</a> ]
</span></div>
<p>ユーザがテキストを入力することができる input フィールド。これは HTML の <code>input</code> 要素に似ています。デフォルトでは一行のテキストフィールドのみが表示されます。<code id="a-multiline"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/multiline">multiline</a></code> 属性で複数行のフィールドを表示するように指定することもできます。</p>
<p>詳しい情報は <a href="/ja/XUL_Tutorial/Input_Controls" title="ja/XUL_Tutorial/Input_Controls">XUL チュートリアル</a>にあります。</p>
<dl> <dt>属性</dt> <dd><a href="#a-cols">cols</a>, <a href="#a-decimalplaces">decimalplaces</a>, <a href="#a-disabled">disabled</a>, <a href="#a-emptytext">emptytext</a>, <a href="#a-hidespinbuttons">hidespinbuttons</a>, <a href="#a-increment">increment</a>, <a href="#a-textbox.label">label</a>, <a href="#a-max">max</a>, <a href="#a-maxlength">maxlength</a>, <a href="#a-min">min</a>, <a href="#a-multiline">multiline</a>, <a href="#a-newlines">newlines</a>, <a href="#a-textbox.onchange">onchange</a>, <a href="#a-oninput">oninput</a>, <a href="#a-placeholder">placeholder</a>, <a href="#a-preference">preference</a>, <a href="#a-readonly">readonly</a>, <a href="#a-rows">rows</a>, <a href="#a-searchbutton">searchbutton</a>, <a href="#a-size">size</a>, <a href="#a-spellcheck">spellcheck</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-timeout">timeout</a>, <a href="#a-textbox.type">type</a>, <a href="#a-textbox.value">value</a>, <a href="#a-wrap">wrap</a>, <a href="#a-wraparound">wraparound</a></dd>
</dl>
<dl> <dt>プロパティ</dt> <dd><a href="#p-accessibleType">accessibleType</a>, <a href="#p-clickSelectsAll">clickSelectsAll</a>, <a href="#p-decimalPlaces">decimalPlaces</a>, <a href="#p-decimalSymbol">decimalSymbol</a>, <a href="#p-defaultValue">defaultValue</a>, <a href="#p-disabled">disabled</a>, <a href="#p-editor">editor</a>, <a href="#p-emptyText">emptyText</a>, <a href="#p-increment">increment</a>, <a href="#p-inputField">inputField</a>, <a href="#p-textbox.label">label</a>, <a href="#p-max">max</a>, <a href="#p-maxLength">maxLength</a>, <a href="#p-min">min</a>, <a href="#p-placeholder">placeholder</a>, <a href="#p-readOnly">readOnly</a>, <a href="#p-searchButton">searchButton</a>, <a href="#p-selectionEnd">selectionEnd</a>, <a href="#p-selectionStart">selectionStart</a>, <a href="#p-size">size</a>, <a href="#p-spinButtons">spinButtons</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-textLength">textLength</a>, <a href="#p-timeout">timeout</a>, <a href="#p-type">type</a>, <a href="#p-textbox.value">value</a>, <a href="#p-valueNumber">valueNumber</a>, <a href="#p-wrapAround">wrapAround</a></dd>
</dl>
<dl> <dt>メソッド</dt> <dd><a href="#m-decrease">decrease</a>, <a href="#m-increase">increase</a>, <a href="#m-reset">reset</a>, <a href="#m-select">select</a>, <a href="#m-setSelectionRange">setSelectionRange</a></dd>
</dl>
<dl> <dt>スタイルクラス</dt> <dd><a href="#s-plain">plain</a></dd>
</dl>
<h3 id="Examples" name="Examples">例</h3>
<pre class="brush: xml"><vbox>
<label control="your-name" value="Enter your name:"/>
<textbox id="your-name" value="John"/>
</vbox>
</pre>
<div class="float-right"><img alt="Image:XUL_ref_textbox.png" class="internal" src="/@api/deki/files/471/=XUL_ref_textbox.png"></div>
<h3 id="Attributes" name="Attributes">属性</h3>
<div id="a-cols">
<dl><dt> <code id="a-cols"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/cols">cols</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 複数行の textbox で表示するための桁数。 </dd></dl>
</div><div id="a-decimalplaces">
<dl><dt> <code id="a-decimalplaces"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/decimalplaces">decimalplaces</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 表示する小数点以下の桁数。デフォルト値の 0 は小数点以下の桁を表示しません。小数点以下の桁数を無制限にしたいときは、値を <code>Infinity</code> にします。小数は float として格納されるので注意してください。 </dd></dl>
</div><div id="a-disabled">
<dl>
<dt>
<code id="a-disabled"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/disabled">disabled</a></code></dt>
<dd>
型: <em>論理型</em></dd>
<dd>
要素が無効化されているかどうかを示します。ある要素が <code>true</code> に設定されていたら、その要素は無効化されています。無効化された要素は通常グレイ表示のテキストで描画されます。要素が無効化されていると、ユーザのアクションには応答せず、フォーカスもあてられず、<code>command</code> イベントも発生しません。
</dd>
</dl>
<p> </p>
</div><div id="a-emptytext">
<dl> <dt><code id="a-emptytext"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/emptytext">emptytext</a></code> <span class="inlineIndicator deprecated deprecatedInline" title="(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)">非推奨 Gecko 2</span></dt> <dd>型: <em>文字列型</em></dd> <dd>textbox が値を持たない時に表示される文字列。これは、Gecko 2.0 で <code id="a-placeholder"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/placeholder">placeholder</a></code> 属性に代わりました。この古い属性名は互換性のために残されていますが、使用している場合はコードを更新すべきです。</dd>
</dl>
</div><div id="a-hidespinbuttons">
<dl><dt> <code id="a-hidespinbuttons"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/hidespinbuttons">hidespinbuttons</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> の場合、数値ボックスは値を調節するための矢印ボタンを持ちません。値はキーボードで調節することができます。デフォルトの値は <code>false</code> です。 </dd></dl>
</div><div id="a-increment">
<dl>
<dt>
<code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code></dt>
<dd>
型: <em>論理型</em></dd>
<dd>
矢印がクリックされたときに (スクロールバーの) <code id="a-curpos"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/curpos">curpos</a></code> あるいは (数値ボックスの) <code id="a-value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/value">value</a></code> 属性の変更される量。デフォルト値は <code>1</code> です。</dd>
</dl>
</div><div id="a-textbox.label">
<dl><dt> <code id="a-textbox.label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/textbox.label">label</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> この属性が設定され空でない場合、<a href="/ja/XUL/Property/textbox.label" title="ja/XUL/Property/textbox.label">label</a> プロパティを通してスクリーンリーダに渡されます。 </dd></dl>
</div><div id="a-max">
<dl>
<dt><code id="a-max"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/max">max</a></code> </dt>
<dd>型: <em>整数型</em></dd>
<dd>スケールまたは数値ボックスの取り得る最大値。スケールの場合の初期値は 100、数値ボックスの場合の初期値は無限。</dd>
</dl>
</div><div id="a-maxlength">
<dl><dt> <code id="a-maxlength"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/maxlength">maxlength</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> textbox に入力することができる最大文字数。 </dd></dl>
</div><div id="a-min">
<dl>
<dt>
<code id="a-min"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/min">min</a></code></dt>
<dd>
型: <em>整数型</em></dd>
<dd>
スケールあるいは数値ボックスの取りうる最小値。デフォルト値は 0 です。</dd>
</dl>
<p> </p>
</div><div id="a-multiline">
<dl><dt> <code id="a-multiline"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/multiline">multiline</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> の場合、textbox は複数行を表示します。ユーザが Enter を押すと改行されます。<code>false</code> の場合、textbox は一行のみ入力を許可します。 </dd></dl>
</div><div id="a-newlines">
<dl><dt> <code id="a-newlines"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/newlines">newlines</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> textbox に貼り付けられた改行の扱い方。 </dd></dl> <dl><dd> 可能な値: <dl><dd><code>pasteintact</code>: 変更なしで改行を貼り付ける。 </dd><dd><code>pastetofirst</code>: 最初の改行の前のテキストのみを貼り付ける。残りのテキストは破棄されます。 </dd><dd><code>replacewithcommas</code>: 改行をカンマに置き換えたテキストを貼り付ける。 </dd><dd><code>replacewithspaces</code>: 改行をスペースに置き換えたテキストを貼り付ける。 </dd><dd><code>strip</code>: 改行を取り除いたテキストを貼り付ける。 </dd><dd><code>stripsurroundingwhitespace</code>: 空白を取り除いた改行付きのテキストを貼り付ける。 </dd></dl> </dd></dl>
</div><div id="a-textbox.onchange">
<dl><dt> <code id="a-textbox.onchange"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/textbox.onchange">onchange</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントは、textbox の値が変更された時、送られます。イベントはフォーカスが他の要素に移動するまで送られません。 </dd></dl>
</div><div id="a-oninput">
<dl><dt> <code id="a-oninput"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/oninput">oninput</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントは、ユーザが <code><a href="/ja/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> にテキストを入力した時、送られます。このイベントはテキストの表示が変更されたとき呼び出されるため、ユーザが表示不可能なキーを押した場合は呼び出されません。 </dd></dl>
</div><div id="a-placeholder">
<dl> <dt><code id="a-placeholder"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/placeholder">placeholder</a></code> </dt> <dd>型: <em>文字列型</em></dd> <dd>textbox が値を持たない時に表示される文字列。</dd>
</dl>
</div><div id="a-preference">
<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/preference">preference</a></code> </dt><dd> 型: <em>要素の id</em> </dd><dd> 要素を対応する <code><a href="/ja/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code> につなぎます。この属性は <code><a href="/ja/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code> 内で使用された場合のみ効果があります。preference の値は、要素の <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/value">value</a></span></code> プロパティと一致するように更新されます。 </dd></dl>
</div><div id="a-readonly">
<dl> <dt><code id="a-readonly"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/readonly">readonly</a></code></dt> <dd>型: <em>論理型</em></dd> <dd><code>true</code> に設定した場合、ユーザは要素の値を変更できません。しかし、スクリプトからは依然として値を変更できます。</dd> <div class="geckoVersionNote"><div class="geckoVersionHeading">
Gecko 2 note
<div style="font-size: 9px; line-height: 1; font-style: italic;">(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)</div>
</div> Gecko 2.0 まで、<code>readonly</code> 属性は XBL フィールド上で正しく動作しませんでした。</div>
</dl>
</div><div id="a-rows">
<dl><dt> <code id="a-rows"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/rows">rows</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素内に表示する行数。要素がこの数値よりも多くの行を含むときはスクロールバーが現れます。要素内の実際の rows の値を取得するには <span id="m-getRowCount"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getRowCount">getRowCount</a></code></span> メソッドを使用してください。 </dd></dl>
</div><div id="a-searchbutton">
<dl> <dt><code id="a-searchbutton"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/searchbutton">searchbutton</a></code></dt> <dd>型: <em>論理型</em></dd> <dd><code>true</code> の場合、ユーザが search ボタンを押すか <code>Enter</code> キーを押した時のみ、search フィールドのコマンドイベントが発生します。<code>false</code> の場合、ユーザが値を変更するだけでコマンドイベントが発生します。この属性は <code>search</code> 型のテキストボックスにのみ適用されます。</dd>
</dl>
</div><div id="a-size">
<dl><dt> <code id="a-size"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/size">size</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> textbox に表示することのできる文字数。 </dd></dl>
</div><div id="a-spellcheck">
<dl><dt> <code id="a-spellcheck"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/spellcheck">spellcheck</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> の場合、textbox のためのスペルチェックがデフォルトで有効になります。<code>false</code> の場合、スペルチェックがデフォルトで無効になります。 </dd><dd> 指定されない場合、これはデフォルトで <code>false</code> です。 </dd></dl>
</div><div id="a-tabindex">
<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabindex">tabindex</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素のタブの順番。タブの順番は <code>tab</code> キーが押下されたときにフォーカスが移動する順番です。より大きな <code>tabindex</code> の値をもつ要素は、タブの遷移が後になります。 </dd></dl>
</div><div id="a-timeout">
<dl><dt> <code id="a-timeout"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/timeout">timeout</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 時間制限付きの textbox のための、command イベント発生までのミリ秒数。タイマーはユーザが文字を入力すると開始します。ユーザが他の文字を入力するとタイマーがリセットされます。 </dd></dl>
</div><div id="a-textbox.type">
<dl>
<dt><code id="a-textbox.type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/textbox.type">type</a></code></dt>
<dd>型: <em>下記の値のいずれか一つ</em></dd>
<dd>特別な形式の textbox を使用するには、下記の値のいずれか一つを type 属性に設定します。</dd>
</dl>
<ul>
<li><code>autocomplete</code>: 自動補完をサポートする textbox。自動補完 textbox についての詳しい情報は、自動補完 (autocomplete)のドキュメントをご覧ください。(<a href="/ja/XUL/textbox_(Mozilla_autocomplete)" title="ja/XUL/textbox_(Mozilla_autocomplete)">Mozilla</a>) (<a href="/ja/XUL/textbox_(Firefox_autocomplete)" title="ja/XUL/textbox_(Firefox_autocomplete)">Firefox</a>)</li>
<li><code>number</code>: 数字のみを入力することができる textbox。さらに、値を増減するための矢印ボタンが textbox の次に現れます。number textbox を設定するための属性は次のものがあります <code id="a-min"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/min">min</a></code> および <code id="a-max"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/max">max</a></code>, <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code>, <code id="a-wraparound"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/wraparound">wraparound</a></code>, <code id="a-hidespinbuttons"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/hidespinbuttons">hidespinbuttons</a></code>。 </li>
<li><code>password</code>: 入力した内容を隠す textbox。パスワードの入力に使用されます。</li>
<li><code>timed</code>: この textbox は、ユーザが文字を入力して時間が経つと command イベントを発生させます。遅延時間は <code id="a-timeout"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/timeout">timeout</a></code> 属性で設定します。この形式は例えば、ユーザが入力した window の情報を更新するために使用します。ユーザが時間内にさらにキーを入力すれば、タイマーを発動させないために継続的に更新する必要はありません。ユーザが Enter キーを押下した場合にも command イベントが発生します。</li>
</ul>
</div><div id="a-textbox.value">
<dl><dt> <code id="a-textbox.value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/textbox.value">value</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> デフォルト値が textbox に入力されます。この属性はデフォルト値のみが保持され、ユーザがテキストを入力しても変更されることはありません。更新された値を取得するには <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/value">value</a></span></code> プロパティを使用してください。数値ボックスのデフォルト値は、0 または <code>min</code> プロパティが返す最小値のどちらか大きいほうです。 </dd></dl>
</div><div id="a-wrap">
<dl><dt> <code id="a-wrap"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/wrap">wrap</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> textbox 内のワードラップを無効にするには、この属性の値を <code>off</code> に設定します。この属性が指定されていないときは、ワードラップが有効です。 </dd></dl>
</div><div id="a-wraparound">
<dl><dt> <code id="a-wraparound"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/wraparound">wraparound</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> の場合、数値ボックスの値は、最大値または最小値を超えると丸められます。最小値および最大値は両方とも無限であってはなりません。 </dd></dl>
</div>
<h3 id="Properties" name="Properties">プロパティ</h3>
<div id="p-accessibleType">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/accessibleType">accessibleType</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素の accessibility オブジェクトの種類を示す値。 </dd></dl>
</div><div id="p-clickSelectsAll">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/clickSelectsAll">clickSelectsAll</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> に設定した場合、フォーカスされた時、textbox の内容が選択されます。カーソルは変更無しで取り去られます。 </dd></dl>
</div><div id="p-decimalPlaces">
<dl>
<dt><code><span><a href="http://api/ja/docs/XUL/Property/decimalPlaces">decimalPlaces</a></span></code></dt>
<dd>型: <em>整数型</em></dd>
<dd><code id="a-decimalplaces"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/decimalplaces">decimalplaces</a></code> 属性の値の取得と設定</dd>
</dl></div><div id="p-decimalSymbol">
<dl>
<dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/decimalSymbol">decimalSymbol</a></span></code></dt>
<dd>型: <em>文字列型</em></dd>
<dd>小数点に使用する文字。デフォルト値はピリオド (.) です。</dd>
</dl></div><div id="p-defaultValue">
<dl>
<dt>
<code><span><a href="http://api/ja/docs/XUL/Property/defaultValue">defaultValue</a></span></code> </dt>
<dd>
型: <em>文字列型</em></dd>
<dd>
textbox のデフォルト値の取得と設定。</dd>
</dl></div><div id="p-disabled">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/disabled">disabled</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-disabled"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/disabled">disabled</a></code> 属性の値の取得と設定。 </dd></dl>
</div><div id="p-editor">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/editor">editor</a></span></code> </dt><dd> 型: <em><a href="/ja/NsIEditor" title="ja/NsIEditor">nsIEditor</a></em> </dd><dd> editable なテキストのための <a href="/ja/NsIEditor" title="ja/NsIEditor">nsIEditor</a> への参照。このプロパティは読み取り専用です。 </dd></dl>
</div><div id="p-emptyText">
<dl> <dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/emptyText">emptyText</a></span></code> <span class="inlineIndicator deprecated deprecatedInline" title="(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)">非推奨 Gecko 2</span></dt> <dd>型: <em>文字列型</em></dd> <dd>textbox が値を持たないときに表示される文字列の取得/設定。これは、Gecko 2.0 で <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/placeholder">placeholder</a></span></code> プロパティに代わりました。この古い属性名は互換性のために残されていますが、使用している場合はコードを更新すべきです。</dd>
</dl>
</div><div id="p-increment">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/increment">increment</a></span></code></dt>
<dd>
型: <em>整数型</em></dd>
<dd>
<code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code> 属性の値の取得と設定。</dd>
</dl></div><div id="p-inputField">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/inputField">inputField</a></span></code> </dt><dd> 型: <em>textbox 要素</em> </dd><dd> Mozilla では、XUL textbox は HTML の input 要素のラッパとして実装されています。この読み取り専用のプロパティは、この内部 input 要素への参照を保持します。 </dd></dl>
</div><div id="p-textbox.label">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/textbox.label">label</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> <a href="/ja/XUL/Attribute/textbox.label" title="ja/XUL/Attribute/textbox.label">label</a> 属性を設定します。<a href="/ja/XUL/Attribute/textbox.label" title="ja/XUL/Attribute/textbox.label">label</a> 属性が設定されており空でなければ、これを取得します。そうでなければ、関連付けられた <a href="/ja/XUL/label" title="ja/XUL/label">label</a> 要素の適用可能な <a href="/ja/XUL/Attribute/label.value" title="ja/XUL/Attribute/label.value">value</a> を返します。それ以外は <a href="/ja/XUL/Property/emptyText" title="ja/XUL/Property/emptyText">emptyText</a> プロパティを返します。属性値の取得はスクリーンリーダにとって最も役立ちます。 </dd></dl>
</div><div id="p-max">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/max">max</a></span></code></dt>
<dd>
型: <em>整数型</em></dd>
<dd>
<code id="a-max"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/max">max</a></code> 属性の値の取得と設定。</dd>
</dl></div><div id="p-maxLength">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxLength">maxLength</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> textbox に入力することができる文字数の最大値。 </dd></dl>
</div><div id="p-min">
<dl>
<dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/min">min</a></span></code></dt>
<dd>型: <em>整数型</em></dd>
<dd><code id="a-min"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/min">min</a></code> 属性の値の取得と設定。</dd>
</dl></div><div id="p-placeholder">
<dl> <dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/placeholder">placeholder</a></span></code> </dt> <dd>型: <em>文字列型</em></dd> <dd>textbox が値を持たないときに表示される文字列の取得と設定。</dd>
</dl>
</div><div id="p-readOnly">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/readOnly">readOnly</a></span></code></dt>
<dd>
型: <em>論理型</em></dd>
<dd>
<code>true</code> に設定すると、ユーザは要素の値を変更できなくなります。</dd>
</dl></div><div id="p-searchButton">
<dl> <dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/searchButton">searchButton</a></span></code></dt> <dd>型: <em>論理型</em></dd> <dd><code id="a-searchbutton"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/searchbutton">searchbutton</a></code> 属性の値の取得と設定。</dd>
</dl>
</div><div id="p-selectionEnd">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectionEnd">selectionEnd</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> フィールドのテキストの選択部分の末尾の取得または設定。<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectionStart">selectionStart</a></span></code> プロパティと共に使用します。この値は選択後の文字の index を指定します。この値が <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectionStart">selectionStart</a></span></code> プロパティの値と等しいときは text が選択されませんが、値は textbox 内のキャレット(カーソル) の位置を示します。 </dd></dl>
</div><div id="p-selectionStart">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectionStart">selectionStart</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> フィールドのテキストの選択部分の先頭の取得または設定。<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectionEnd">selectionEnd</a></span></code> プロパティと共に使用します。値は選択された最初の文字の index を指定します。 </dd></dl>
</div><div id="p-size">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/size">size</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> <code id="a-size"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/size">size</a></code> 属性の値の取得と設定。 </dd></dl>
</div><div id="p-spinButtons">
<dl>
<dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/spinButtons">spinButtons</a></span></code></dt>
<dd>型: <em>要素</em></dd>
<dd>この読み取り専用のプロパティは、数値ボックスで使用される <code><a href="/ja/docs/Mozilla/Tech/XUL/spinbuttons" title="spinbuttons">spinbuttons</a></code> 要素への参照を返します。</dd>
</dl></div><div id="p-tabIndex">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabIndex">tabIndex</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> <code id="a-tabindex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabindex">tabindex</a></code> 属性の値の取得と設定。 </dd></dl>
</div><div id="p-textLength">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/textLength">textLength</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> textbox に入力されたテキストの長さを保持。このプロパティは読み取り専用です。 </dd></dl>
</div><div id="p-timeout">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/timeout">timeout</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> <code id="a-timeout"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/timeout">timeout</a></code> 属性の値の取得と設定。 </dd></dl>
</div><div id="p-type">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/type">type</a></span></code></dt>
<dd>
型: <em>文字列型</em></dd>
<dd>
<code id="a-type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/type">type</a></code> 属性の値の取得と設定。</dd>
</dl>
</div><div id="p-textbox.value">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/textbox.value">value</a></span></code></dt>
<dd>
型: <em>文字列型</em></dd>
<dd>
textbox の現在の値を文字列として保持します。現在の値を変更するには、このプロパティを設定します。</dd>
</dl></div><div id="p-valueNumber">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/valueNumber">valueNumber</a></span></code></dt>
<dd>
型: <em>数値</em></dd>
<dd>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/value">value</a></span></code> プロパティが文字列を保持するのと対照的に、<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/valueNumber">valueNumber</a></span></code> プロパティは数値ボックスの現在の値が含まれる数値です。</dd>
</dl></div><div id="p-wrapAround">
<dl>
<dt>
<code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/wrapAround">wrapAround</a></span></code></dt>
<dd>
型: <em>論理型</em></dd>
<dd>
<code id="a-wraparound"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/wraparound">wraparound</a></code> 属性の値の取得と設定。</dd>
</dl></div>
<h3 id="Methods" name="Methods">メソッド</h3>
<dl>
<dt>
<span id="m-decrease"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/decrease">decrease()</a></code></span></dt>
<dd>
戻り値の型: <em>戻り値無し</em></dd>
<dd>
scale または数値ボックスの値を <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code> 分減らす</dd>
</dl><dl>
<dt>
<span id="m-increase"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/increase">increase()</a></code></span></dt>
<dd>
戻り値の型: <em>戻り値なし</em></dd>
<dd>
scale または数値ボックスの値を <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code> 分増やす。</dd>
</dl><dl>
<dt><span id="m-reset"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/reset">reset()</a></code></span></dt>
<dd>戻り値の型: <em>戻り値無し</em></dd>
<dd>preference の値をデフォルトにリセットします。</dd>
<dd><code><a href="/ja/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> については、アンドゥ処理リストを消去します (Gecko 1.9)。</dd>
</dl><dl>
<dt><span id="m-select"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/select">select()</a></code></span></dt>
<dd>戻り値の型: <em>戻り値無し</em></dd>
<dd>textbox 内のすべてのテキストを選択します。</dd>
</dl><dl>
<dt><span id="m-setSelectionRange"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/setSelectionRange">setSelectionRange( start, end )</a></code></span></dt>
<dd>
戻り値の型: <em>戻り値無し</em></dd>
<dd>textbox の選択部分を設定します。<var>start</var> 引数は選択範囲の最初の文字の index です。<var>end</var> 引数は選択範囲の直後の文字の index です。テキストを選択せずに指定の位置へカーソルを移動するには、両方の引数を同じ値に設定してください。</dd>
</dl><div style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;">
<p><strong>XUL 要素からの継承</strong><br>
<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttribute">getElementsByAttribute</a></code></span>, <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span> </small></p>
<p><strong>DOM 要素からの継承</strong><br>
<small> <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.appendChild">appendChild()</a></code>, <a class="internal" href="/ja/DOM/Node.compareDocumentPosition" title="ja/DOM/Node.compareDocumentPosition">compareDocumentPosition</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <a class="internal" href="/ja/DOM/Node.getFeature" title="ja/DOM/Node.getFeature">getFeature</a>, <a class="internal" href="/ja/DOM/Node.getUserData" title="ja/DOM/Node.getUserData">getUserData</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.insertBefore">insertBefore()</a></code>, <a class="internal" href="/ja/DOM/Node.isEqualNode" title="ja/DOM/Node.isEqualNode">isEqualNode</a>, <a class="internal" href="/ja/DOM/Node.isSameNode" title="ja/DOM/Node.isSameNode">isSameNode</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.isSupported">isSupported()</a></code>, <a class="internal" href="/ja/DOM/Node.lookupNamespaceURI" title="ja/DOM/Node.lookupNamespaceURI">lookupNamespaceURI</a>, <a class="internal" href="/ja/DOM/Node.lookupPrefix" title="ja/DOM/Node.lookupPrefix">lookupPrefix</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code>, <a class="internal" href="/ja/DOM/Node.setUserData" title="ja/DOM/Node.setUserData">setUserData</a></small></p>
</div>
<h3 id="Style_classes" name="Style classes">スタイルクラス</h3>
<p>次のクラスは要素のスタイル付けに使用されます。これらのクラスは、ユーザの選択したテーマに自然に合うようにするため、要素のスタイルを直接変更する代わりに使用されます。</p>
<dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/plain">plain</a></code> </dt><dd> このクラスによって、要素は border や margin なしで表示されます。 </dd></dl>
<h3 id="Notes" name="Notes">補足</h3>
<p>複数行のテキストボックスでは、<code>maxlength</code> 属性は動作しません。代替策として、以下のように JavaScript と <code>onkeypress</code> イベントハンドラを使用してください。</p>
<p>XUL スクリプト:</p>
<pre class="brush: xml"><textbox id="pnNote" multiline="true" rows="2" cols="70" onkeypress="return pnCountNoteChars(event);"/>
</pre>
<p>Javascript:</p>
<pre class="brush: js">function pnCountNoteChars(evt) {
//allow non character keys (delete, backspace and and etc.)
if ((evt.charCode == 0) && (evt.keyCode != 13))
return true;
if (evt.target.value.length < 10) {
return true;
} else {
return false;
}
}
</pre>
<h3 id="Related" name="Related">関連項目</h3>
<dl> <dt>インタフェース</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIAccessibleProvider" title="">nsIAccessibleProvider</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMXULTextboxElement" title="">nsIDOMXULTextboxElement</a></code></dd>
</dl>
<div class="noinclude">
</div>
|