ExtJs 入门教程五[文本框：TextField]

最新推荐文章于 2021-11-02 13:52:33 发布

afterrains

最新推荐文章于 2021-11-02 13:52:33 发布

阅读量1.4k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/happy_jijiawei/article/details/46468449

版权

这篇博客介绍了如何使用ExtJS创建文本框TextField，包括设置宽度、允许空白、最大长度、表单验证和提示信息。通过示例展示了如何初始化QuickTips、定义用户名和密码输入框，并创建包含这些字段的表单及窗口组件。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/Ext/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" />

<script type="text/javascript">
Ext.onReady(function () {
//初始化标签中的Ext:Qtip属性。
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
//用户名input
var txtusername = new Ext.form.TextField({
width: 140,
allowBlank: false,
maxLength: 20,
name: 'username',
fieldLabel: '用户名称',
blankText: '请输入用户名',
maxLengthText: '用户名不能超过20个字符'
});
//密码input
var txtpassword = new Ext.form.TextField({
width: 140,
allo

最低0.47元/天解锁文章

afterrains

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ExtJs 入门教程五[文本框：TextField]

Ext.onReady(function () { //初始化标签中的Ext:Qtip属性。 Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; //用户名input var txtuse
复制链接

扫一扫

专栏目录