发表于： 2016-08-17 17:36:40
0 1556
今天完成的事情：复习表单内容，了解clear，完成任务四；
明天计划：开始着手任务5，border-radius任务一的时候用到过，再做深入了解，把相关的内容熟悉一下；
遇到的问题：
做任务4的时候对input的输入类型有点疑惑：
1、输入类型为text时，预设值和最大输入长度都可以很好的设置，但类型设置为number后，maxlength失效，网上查在number下貌似没有限制输入字符数的方法。最后设为tel替代text，移动端访问时会跳出数字键盘输入，也符合预期的效果。
2、input输入框的长度怎样才能更好的适应页面宽度？百分比好像也有点问题，页面宽度拉伸之后，端倪就显现出来了......
还有一个问题：预设值用value和placeholder哪个会更合适？
收获：经过任务3的锻炼，任务4做起来没那么吃力，同时也加深了对页面布局的了解；对float和clear有更加直观的认识；自适应方面也学到了不东西。
继续吧，看别人的代码，可以学到很多东西，同样的事情可以用很多不同的方法做，当然择优啦。
知识这东西，多多益善。
PS重写修改:
2:用table设置宽度100%；左边<td>logo固定宽度并设置margin-right；右边<td>设置widht100%；至此，input输入框宽度可以随意设置0-100%；完美自适应。
3.在tel下placeholder更符合要求
返回列表
评论