你的位置:首页 > 网页设计

[网页设计]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>