发表于： 2020-07-01 00:29:26
0 1261
今天完成的事情：修改了昨天任务三存在的问题：图标太大，移动端适配没做好；完成了任务四。
明天计划的事情：开始任务五 。
遇到的问题：任务三给的psd文件切出来的图尺寸偏大 ，放进网页中的效果不如人意，通过手动缩小png图标才解决了这个问题；任务四中给header布局的时候左右两个菜单都用了浮动，中间的登录标题居中时一直没找到好的办法，后来将注册的div块与登录的div块交换之后就能居中了(虽然我也不懂为啥这样可以)；还有个问题就是使用input的时候需要输入框一直延伸到最右端，这样就不方便设置具体的宽度值，找了网上的方法说是在父级的CSS中加入display:flex;然后将输入框的width设置为100%就可以了；控制手机号码输入的长度时，我用的<input type="number" maxlength="11" />但不知道为什么maxlength并不能起作用，查了网上的方法，用<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />就可以控制输入的数字长度。
收获：学会制作带有表单的页面，学会加入链接，学会使用input以及了解了常见的type类型，如何改变输入框和按钮的样式。
返回列表
评论