天天看点

ext 一个注册页面

[color=blue][size=xx-small][/size]

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>extJs</title>

<link rel= "stylesheet" type = "text/css" href = "resources/css/ext-all.css"></link>

<script type="text/javascript" src = "adapter/ext/ext-base.js"></script>

<script type="text/javascript" src = "ext-all.js"></script>

<script type="text/javascript">

Ext.onReady(function(){

Ext.QuickTips.init();

Ext.form.Field.prototype.msgTarget = 'side';

var bd = Ext.getBody();

var simple = new Ext.FormPanel({

labelWidth: 75, // label settings here cascade unless overridden

url:'save-form.php',

frame:true,

title: 'title',

bodyStyle:'padding:5px 5px 0',

width: 350,

defaults: {width: 230},

defaultType: 'textfield',

items: [{

fieldLabel: 'First Name',

name: 'first',

allowBlank:false

},{

fieldLabel: 'Last Name',

name: 'last',

allowBlank:false

},{

fieldLabel: 'Company',

name: 'company'

},{

fieldLabel: 'Email',

name: 'email',

vtype:'email'

}, new Ext.form.TimeField({

fieldLabel: 'Time',

name: 'time',

minValue: '8:00am',

maxValue: '6:00pm'

})

],

buttons: [{

text: 'save'

},{

text: 'cancel'

}]

});

simple.render(document.body);

});

</script>

</head>

<body>

</body>

</html>[color=blue][/color][color=blue][/color][color=blue][/color]