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>

  • 相关阅读:
    递归函数的原理
    html布局-子div浮动后,父容器撑不开解决
    权限设计——控制显示字段——设计思考
    winform上传文件到服务器——资料整理
    windows server自动化发布——技术积累与整理
    Docker——概念学习
    javascript中的var,let,const关键字
    Web前端面试图
    上传与预览图片
    每个程序员都应该知道延迟数—Latency Numbers Every Programmer Should Know
  • 原文地址:https://www.cnblogs.com/yiningfamily/p/4853507.html
Copyright © 2011-2022 走看看