No nonsense ExtJs getting started tutorial 5 [text box: TextField]

Source: Internet
Author: User

In the previous section, we added two text boxes to the form. The location of Line 1 in the code area is as follows: items: [txtusername, txtpassword].

1. The Code is as follows:

1 <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 2 

2. The effect is as follows:

3. Commonly Used textfield components: attributes, methods, and events

I. Attributes

AllowBlank: whether to allow null. The default value is true.
BlankText: the prompt message displayed after the empty verification fails.
EmptyText: default information displayed in an empty field
Grow: indicates whether the field is automatically stretched or shrunk. The default value is false.
GrowMin: Minimum contracted width
GrowMax: maximum stretch width
InputType: Field Type: The default value is text.
MaskRe: used to filter regular expressions that do not match Character Input
MaxLength: Maximum length allowed by the Field
MaxLengthText: the prompt message displayed after the maximum length verification fails.
MinLength: Minimum allowed length of a field
MinLengthText: the prompt message displayed after the minimum length verification fails.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.