小金夜啤酒是否注册啤酒生产公司

来源：蜘蛛抓取(WebSpider) 时间：2016-11-14 05:43 标签： 注册一夜升金 确认信
2230人阅读
sencha touch（5）
接着上一篇的登陆页面，来一个最简单的注册页面，几乎包含了常用的field
Ext.application({
id:'itKingApp',
launch:function(){
var formPanel=Ext.create('Ext.form.Panel',{
id:'formPanel1',
scrollable:'vertical',
'padding':'1px'
xtype:'fieldset',
title:'用户注册',
instructions:'请填写用户信息',
defaults:{
labelWidth:'150px'
xtype:'textfield',
id:'txt_username',
name:'username',
label:'用户名',
placeHolder:'请输入用户名',
required:true,
clearIcon:true,
labelAlign:'left'
xtype:'passwordfield',
id:'txt_password',
name:'password',
label:'密码',
placeHolder:'请输入密码',
required:true,
clearIcon:true
xtype:'spinnerfield',
id:'spn_age',
name:'age',
label:'年龄',
placeHolder:'请输入年龄',
minValue:1,
maxValue:100,
defaultValue:NaN,
stepValue:1,
required:true,
clearIcon:true
xtype:'datepickerfield',
id:'txt_bir',
placeHolder:'请输入生日',
label:'生日'
xtype:'selectfield',
label:'性别',
options:[{
text:'男性',
text:'女性',
xtype:'emailfield',
id:'txt_email',
name:'email',
label:'E-mail',
placeHolder:'请输入E-mail地址',
clearIcon:true
xtype:'urlfield',
id:'txt_url',
name:'homepage',
label:'Home Page',
placeHolder:'请输入个人主页地址',
clearIcon:true
xtype:'textareafield',
id:'txt_textarea',
name:'textarea',
label:'个人介绍',
placeHolder:'请输入个人简单介绍，在100字以内',
maxlength:100,
clearIcon:true
xtype:'container',
type:'vbox'
xtype:'button',
text:'注册',
listeners:{
tap:function(){
Ext.Msg.alert('提示','注册成功');
Ext.Viewport.add(formPanel);
下面是效果图：
以上代码都可以转载，但请说明下出处，多谢合作，
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：245656次
积分：3552
积分：3552
排名：第6952名
原创：97篇
转载：102篇
评论：75条
编码年龄7年多了，从.NET工程师成功转向web前端工程师，目前主要从事移动端WebAPP，HybridApp，基于React的开发。人生格言：live a life you will remember

我要回帖

更多关于 注册一夜升金 确认信 的文章

 

随机推荐