亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Ext2.2用戶名和密碼登錄表單的例子

系統(tǒng) 1860 0
這個(gè)表單也是我使用中的一個(gè)東西。感覺還不錯(cuò)。

先看運(yùn)行效果
Ext2.2用戶名和密碼登錄表單的例子

看代碼
  1. <!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. < html ? xmlns = "http://www.w3.org/1999/xhtml" >
  3. < head >
  4. < link ? rel = "stylesheet" ? type = "text/css" ? href = "resources/css/ext-all.css" />
  5. < script ? type = "text/javascript" ? src = "adapter/prototype/prototype.js" > </ script >
  6. < script ? type = "text/javascript" ? src = "adapter/prototype/scriptaculous.js?load=effects" > </ script >
  7. < script ? type = "text/javascript" ? src = "adapter/prototype/ext-prototype-adapter.js" > </ script >
  8. < script ? type = "text/javascript" ? src = "ext-all.js" > </ script >
  9. < style ? type = "text/css" >
  10. #LOGIN_FORM_LAYER?{
  11. ??position:relative;
  12. ??top:150px;
  13. ??width:?965px;
  14. ??height:?551px;
  15. }
  16. #loginDIV?{
  17. ??width:500px;
  18. ??position:relative;
  19. ??top:100px;
  20. }
  21. </ style >
  22. </ head >
  23. < body >
  24. < center >
  25. < script ? type = "text/javascript" >
  26. Ext.onReady(function(){
  27. ????Ext.QuickTips.init();
  28. ????//?turn?on?validation?errors?beside?the?field?globally
  29. ???? Ext.form.Field.prototype.msgTarget ?=? 'side' ;
  30. ????var? bd ?=? Ext .getBody();
  31. ????/*
  32. ?????*?================??Simple? form ??=======================
  33. ?????*/
  34. ????//bd.createChild({tag:?'h2',?html:?'Form?1?-?Very?Simple'});
  35. ????var? simple ?=? new ?Ext.FormPanel({
  36. ????????id:?'LOGIN_FORM',
  37. ????????labelWidth:?75,?//?label?settings?here?cascade?unless?overridden
  38. ????????url:'login.jsp',
  39. ????????frame:true,
  40. ????????title:?' < font ? size = 3 > 登錄系統(tǒng) </ font > ',
  41. ????????bodyStyle:'padding:5px?5px?0',
  42. ????????width:?350,
  43. ????????defaults:?{width:?230},
  44. ????????defaultType:?'textfield',
  45. ????????ctCls:?'font-size:12px',
  46. ????????items:?[{
  47. ????????????????fieldLabel:?'用戶名',
  48. ????????????????name:?'username',
  49. ????????????????allowBlank:false
  50. ????????????},{
  51. ????????????????fieldLabel:?'密碼',
  52. ????????????????name:?'password',
  53. ????????????????inputType?:'password'
  54. ????????????},new?Ext.form.Hidden({
  55. ??????????????name:'referer',
  56. ??????????????value:'/index'
  57. ????????????})
  58. ????????],
  59. ????????buttons:?[{
  60. ????????????id:?'submitButton',
  61. ????????????type:?'submit',
  62. ????????????text:?'登錄',
  63. ????????????tooltip:?'點(diǎn)擊這個(gè)按鈕登錄系統(tǒng)',
  64. ????????????handler:?login
  65. ????????}]
  66. ????});
  67. ????simple.render("loginDIV");
  68. });
  69. function?login(){
  70. ??Ext.Ajax.request({
  71. ????url:?'/login',
  72. ????form:?'LOGIN_FORM',
  73. ????success:?function(t){
  74. ??????alert(t.responseText);
  75. ????}
  76. ??});
  77. }
  78. </ script >
  79. < div ? id = "LOGIN_FORM_LAYER" >
  80. < div ? id = "loginDIV" > </ div >
  81. </ div >
  82. </ center >
  83. </ body >
  84. </ html >

其中的/login處理登錄的代碼我就不寫了。大家自己做吧。

Ext2.2用戶名和密碼登錄表單的例子


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 日本爱爱视频网站 | 欧美日韩中文字幕在线手机版本 | 欧美在线一级毛片观看 | 久久视频这里只精品3国产 久久视频这里只有精品 | 手机看福利片 | 777色狠狠一区二区三区 | 久久这里只有精品免费的 | 精品1区2区3区 | 欧美亚洲国产一区二区三区 | 国产精品亚洲综合色区韩国 | 成人毛片免费视频播放 | 国产一级淫片a视频免费观看 | 性欧美暴力猛交xxxxx高清 | 久久厕所精品国产精品亚洲 | 久热精品在线视频 | 国产成人免费观看在线视频 | 久久澳门| 四虎影院永久网站 | 国产精品久久久久久一级毛片 | 国产成人免费观看在线视频 | 亚洲欧美日韩国产精品一区 | 一级做a爱片特黄在线观看 一级做a爱片特黄在线观看免费看 | 香香在线观看视频 | 在线播放69热精品视频 | 波多野结衣乳巨码无在线观看 | 天天爱天天色 | 亚洲精品视频网 | 九九视频在线观看视频 | 国产精品香蕉在线一区二区 | 亚洲一区二区三区视频 | 综合欧美亚洲 | 亚洲一级色 | 久久国产视频一区 | 在线免费观看中文字幕 | 久久99国产亚洲精品观看 | 秘密影院久久综合亚洲综合 | 亚洲另类 专区 欧美 制服 | 久久久久久夜精品精品免费 | 老子影院午夜理伦手机不卡 | 国产精品一区高清在线观看 | 免费高清在线爱做视频 |