zoukankan      html  css  js  c++  java
  • 2015年10月1日登陆界面表单练习

    跟随视频学习,视频中老师留了两个作业,第一个是做登陆界面表单。这是我做的。我是根据自己的笔记内容来逐步完成这个简单的表单,不过在完成期间也遇到了两个问题,一个是重置按钮失效,一个是在所有浏览器中都显示乱码。后来找到问题所在改正后,表单正常显示。

    1.对于重置按钮失效的问题,一开始不知道哪里出了问题,怎么点都无法将上面的内容都重置掉。还准备使用id关联的方式来实现重置也没有成功。后来找到根本问题所在,原来是没有添加form标签,所以重置按钮不起作用。唉~做表单居然能把form标签忘写我也是醉了。。。

    2.在所有浏览器调试中都是乱码的问题,在视频中好像见到老师添加个什么代码就显示正常了,但是当时没做笔记,后来也没找到,索性在网上查了下,说更改编码就可以了,我又在notepad++里找到格式,更改为UTF-8格式编码,结果调试时所有都显示正常了。

    用户名
    密码
    验证码  
     
     

    以下是我的代码,如果有问题还请提出:

    <html>
    <head>
    <title>表单练习</title>
    </head>
    <body>
    <form>
    <table border="2">
    <tr>
    <td>用户名</td>
    <td>
    <input type="text" name="yym" value="" size="15" />
    </td>
    </tr>
    <tr>
    <td>密码</td>
    <td>
    <input type="password" name="mm" value="" size="15" maxlength="9" />
    </td>
    </tr>
    <tr>
    <td>验证码</td>
    <td>
    <input type="text" name="yzm" value="" size="7"/>
    <img src="./yanzhengma.jpg"/>
    <input type="image" src="./yanzhengma.jpg" width="50px" size="1"/>
    </td>
    </tr>
    <tr>
    <td></td>
    <td>
    <input type="checkbox" id="jzmm"/><label for="jzmm">记住密码</label>
    </td>
    </tr>
    <tr>
    <td>
    </td>
    <td>
    <input type="submit" value="登陆"/>
    <input type="reset" value="重置"/>
    </td>
    </tr>
    </table>
    </form>
    </body>
    </html>

  • 相关阅读:
    5个示例带你学习AngularJS
    快速入门:十分钟学会Python
    Memcache知识点梳理
    用Phaser实现Flappy Bird 游戏
    7 个顶级的 HTML5 Canvas 动画赏析
    避坑宝典:如何选择HTML5游戏引擎
    电商平台10大商业与盈利模式
    【英文版本】Android开源项目分类汇总
    Android精品开源整理
    Android开源项目汇总【转】
  • 原文地址:https://www.cnblogs.com/yiningfamily/p/4853507.html
Copyright © 2011-2022 走看看