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

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)論
主站蜘蛛池模板: 日本一级毛片私人影院 | 亚洲精品久久九九热 | 女性一级全黄生活片 | 国产国产成人人免费影院 | 99久久久久国产 | 亚洲欧美日韩在线精品2021 | 男人的天堂视频 | 亚洲一区二区三区在线播放 | 亚洲国产视频在线观看 | 久久精品国产99国产精品亚洲 | 日韩中文字幕高清在线专区 | 欧美刺激午夜性久久久久久久 | 亚洲第五色综合网 | 日韩国产欧美精品综合二区 | 久久精品免费观看久久 | 伊人99热| 久久精品亚洲精品国产欧美 | 久久精品国产精品亚洲精品 | 性欧美暴力猛交xxxxx高清 | 欧美日韩亚洲一区二区 | 四虎影视在线麻豆国产 | 国产精品久久天天影视 | 欧美毛片又粗又长又大 | 99er久久| 久久的精品99精品66 | 欧美aⅴ片 | 毛片网站免费 | 日本免费高清一区 | 日韩国产精品99久久久久久 | 国产一级一片免费播放 | 久久www免费人成_看片高清 | 国产精品福利午夜h视频 | 久久久久一区二区三区 | 日韩一级视频免费观看 | 欧美成人免费公开播放 | 毛片免费视频 | 成人午夜视频免费看欧美 | 色一情一乱一伦麻豆 | 色xxx | 中文字幕国产视频 | 四虎视频在线精品免费观看 |