Textbox"
m (→Browser Limits) |
Jumperchen (talk | contribs) |
||
Line 3: | Line 3: | ||
= Textbox = | = Textbox = | ||
− | *Demonstration: [http://www.zkoss.org/zkdemo/ | + | *Demonstration: [http://www.zkoss.org/zkdemo/input/form_sample Textbox] |
*Java API: <javadoc>org.zkoss.zul.Textbox</javadoc> | *Java API: <javadoc>org.zkoss.zul.Textbox</javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zul.inp.Textbox</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zul.inp.Textbox</javadoc> | ||
+ | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Textbox | Textbox]] | ||
= Employment/Purpose = | = Employment/Purpose = | ||
Line 46: | Line 47: | ||
</source> | </source> | ||
− | =Supported | + | =Supported Events= |
{| border="1" | width="100%" | {| border="1" | width="100%" | ||
Line 52: | Line 53: | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
|- | |- | ||
− | | | + | | None |
− | | | + | | None |
− | + | |} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | | | ||
− | + | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/InputElement#Supported_Events | InputElement]] | |
− | |||
− | |||
− | |||
− | | | ||
=Supported Children= | =Supported Children= | ||
Line 113: | Line 63: | ||
*NONE | *NONE | ||
− | =Use | + | =Use Cases= |
{| border='1px' | width="100%" | {| border='1px' | width="100%" |
Revision as of 01:54, 17 November 2010
Textbox
Employment/Purpose
A textbox is used to let users input text data.
You colud assign value, type, constraint, rows, cols to a textbox by the corresponding properties. When you assigns the property type to a string value 「password」 when multiline is false( multiline will be true if You set rows large then 1 or sets multiline to true directly) then any character in this component will replace by '*'.
You colud also assign a constraint value with a regular expression string or a default constraint expression(available value is 「no empty」). When user change the value of textbox, will cause a validating preocess to valdate the value. If valdation fail, then a notification will poped up.
Example
<textbox value="text..." />
<textbox value="secret" type="password" />
<textbox constraint="/.+@.+\.[a-z]+/: Please enter an e-mail address" />
<textbox rows="5" cols="40">
<attribute name="value">
text line1...
text line2...
</attribute>
</textbox>
To specify multilines value, you can use the attribute element or 
as shown below
<textbox rows="5" cols="40">
<attribute name="value">
text line1...
text line2...
</attribute>
</textbox>
<textbox value="Line 1
Line 2" rows="3"/>
Supported Events
None | None |
- Inherited Supported Events: InputElement
Supported Children
*NONE
Use Cases
Version | Description | Example Location |
---|---|---|
Browser Limitations
Browser | description |
---|---|
IE |
<textbox value="color" style="color:red !important;" disabled="true"/>
There is no way to change the text color in a disabled input in IE. |
Version History
Version | Date | Content |
---|---|---|