星空网 > 软件开发 > 网页设计

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

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

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

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

用户名
密码
验证码 2015年10月1日登陆界面表单练习 
 
 

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

<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='/images/loading.gif' data-original="./yanzhengma.jpg"/>
<input type="image" src='/images/loading.gif' data-original="./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日登陆界面表单练习

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

14点聊电商:快手发布《2024老铁春节团购消费数据报告》 170万老铁成为品牌商家新客户 :https://www.kjdsnews.com/a/1783189.html
专业的关键词研究工具——Wordtracker:https://www.kjdsnews.com/a/1783190.html
AI 平台 Runway 让用户可以用文字转换图像、视频:https://www.kjdsnews.com/a/1783191.html
优爱腾芒还有必要坚持虚拟制作么?:https://www.kjdsnews.com/a/1783192.html
盒马再降价:“被惯坏”和“不信命” :https://www.kjdsnews.com/a/1783193.html
亚马逊多项新政,错过将影响账号安全!:https://www.kjdsnews.com/a/1783194.html
恐怖游轮2002 恐怖游轮2022:https://www.vstour.cn/a/365178.html
时尚电商平台Meesho拟融资3亿美元!:https://www.kjdsnews.com/a/1836524.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流