首页 > 其他 > 详细

2015年10月1日登陆界面表单练习

时间:2015-10-03 16:49:01      阅读:187      评论:0      收藏:0      [点我收藏+]

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

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>

2015年10月1日登陆界面表单练习

原文:http://www.cnblogs.com/yiningfamily/p/4853507.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!