当前位置：你问我答网 > 科技

html网页设计：一个简单的登录界面代码！

2020-07-18 科技 119阅读
是这样的效果吗？
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml" >

3</title><br /><script><br />function r()<br />{<br /> var username=document.getElementById("username");<br /> var pass=document.getElementById("password");<br /> if(username.value=="")<br /> {<br /> alert("请输入用户名");<br /> username.focus();<br /> return;<br /> }<br /> if(pass.value=="")<br /> {<br /> alert("请输入密码");<br /> return;<br /> }<br />return true;<br />}<br /></script><br /></head><br /><body><br /><form><br /> <table width="350" bgcolor="#ccffcc" style="border-color" border="1"><br /> <tr align=center><br /> <td>用户名</td><td><input type="text" name="username" id="username"></td><br /> </tr><br /> <tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr><br /> <tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr><br /> <tr align=center><td colspan="2"><input type="button" value="登 录" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr><br /> <br /> </table><br /></form><br /></body><br /></html> </div> <div class="tags"> </div> <div class="clear"> <div class="shares"> <b>声明：你问我答网所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流。若您的权利被侵害，请联系fangmu6661024@163.com</b> <div id="share" class="share-component social-share" data-sites="weibo,qzone,qq,wechat"> </div> </div> <div class="act"> <a href="JavaScript:" onclick="zan('426943214')" class="zan" title="赞"> <i class="iconfont bx bx-like"></i> <span id="zan">0</span> </a> </div> </div> <div class="clear"></div> </div> <div class="ny-ad"> </div> <div class="ny-ad"> </div> <div class="like"> <h3 class="title">最新文章</h3> <div class="piclist likep"> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/942589595637809572.html" title="惠普（HP）LaserJet MFP M436n打印怎么总提示纸盘1没纸，纸盘2设置保存了也不打印，怎么设置"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/942589595637809572.html" title="惠普（HP）LaserJet MFP M436n打印怎么总提示纸盘1没纸，纸盘2设置保存了也不打印，怎么设置">惠普（HP）LaserJet MFP M436n打印怎么总提示纸盘1没纸，纸盘2设置保存了也不打印，怎么设置</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-15 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 2.5万阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/709929852732135965.html" title="如何做好把一个新产品推向市场"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/709929852732135965.html" title="如何做好把一个新产品推向市场">如何做好把一个新产品推向市场</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-16 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 86阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1309089613027686979.html" title="西门子冰箱"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/1309089613027686979.html" title="西门子冰箱">西门子冰箱</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-16 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 112阅读 </span> </div> </div> <div class="clear"></div> </div> </div> <div class="ny-ad"> </div> </div> <div class="sidebar"> <div class="widget postlist"> <h3>猜你喜欢</h3> <ul class="hasimg"> <li> <a href="https://w.sf024.com/info/426943214.html" title="html网页设计：一个简单的登录界面代码！" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="html网页设计：一个简单的登录界面代码！"> </a> <a href="https://w.sf024.com/info/426943214.html" target="">html网页设计：一个简单的登录...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 07-18 </span><span> <i class="iconfont bx bx-show"></i> 119阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/397090976.html" title="求设计一个简单的网页 内容 写一个html页面，至少包含一个表格、一个表单； 30行以上； 美观不管" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="求设计一个简单的网页 内容 写一个html页面，至少包含一个表格、一个表单； 30行以上； 美观不管"> </a> <a href="https://w.sf024.com/info/397090976.html" target="">求设计一个简单的网页 内容 写一...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-12 </span><span> <i class="iconfont bx bx-show"></i> 96阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1542546621104570907.html" title="用html制作简单网页设计作业" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="用html制作简单网页设计作业"> </a> <a href="https://w.sf024.com/info/1542546621104570907.html" target="">用html制作简单网页设计作业...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 03-24 </span><span> <i class="iconfont bx bx-show"></i> 135阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/495093633.html" title="个人简历简单网页设计html代码" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="个人简历简单网页设计html代码"> </a> <a href="https://w.sf024.com/info/495093633.html" target="">个人简历简单网页设计html代码...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-19 </span><span> <i class="iconfont bx bx-show"></i> 87阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/201443029.html" title="HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置？" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置？"> </a> <a href="https://w.sf024.com/info/201443029.html" target="">HTML网页设计:如何设计点击图...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-30 </span><span> <i class="iconfont bx bx-show"></i> 189阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2080123958350737668.html" title="求一个html的网页设计作品，内容不限，要至少5个网页页面，最好用dreamweaver做的" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="求一个html的网页设计作品，内容不限，要至少5个网页页面，最好用dreamweaver做的"> </a> <a href="https://w.sf024.com/info/2080123958350737668.html" target="">求一个html的网页设计作品，内...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-11 </span><span> <i class="iconfont bx bx-show"></i> 65阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/326053598.html" title="我有一个英文的网页模版，我想把他转换成中文的，该怎么操作？是设计HTML网页，不是翻译" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="我有一个英文的网页模版，我想把他转换成中文的，该怎么操作？是设计HTML网页，不是翻译"> </a> <a href="https://w.sf024.com/info/326053598.html" target="">我有一个英文的网页模版，我想把他...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-13 </span><span> <i class="iconfont bx bx-show"></i> 180阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1951913087518015708.html" title="大学网页设计作业，一个简单的网站，主题随意，越简单越好" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="大学网页设计作业，一个简单的网站，主题随意，越简单越好"> </a> <a href="https://w.sf024.com/info/1951913087518015708.html" target="">大学网页设计作业，一个简单的网站...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-27 </span><span> <i class="iconfont bx bx-show"></i> 94阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/988875861255874219.html" title="网页设计html作业" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="网页设计html作业"> </a> <a href="https://w.sf024.com/info/988875861255874219.html" target="">网页设计html作业...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 07-08 </span><span> <i class="iconfont bx bx-show"></i> 124阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/349829606.html" title="急求！！！网页设计 HTML代码大全" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="急求！！！网页设计 HTML代码大全"> </a> <a href="https://w.sf024.com/info/349829606.html" target="">急求！！！网页设计 HTML代码...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-01 </span><span> <i class="iconfont bx bx-show"></i> 65阅读 </span> </p> </li> </ul> </div> </div> </div> </section><footer class="footer"> <div class="container"> <p class="copyright">COPYRIGHT 2013 - 2024 你问我答网®. ALL RIGHTS RESERVED. | <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2020035127号</a></p> </div></footer><script> let search_type="1"; var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752ceaa2e03e39366ceff9a414a1f6a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script> <script type="text/javascript" src="https://w.sf024.com/assets/js/jquery.share.min.js"></script> </body> </html>