发表于: 2017-04-12 10:43:44
2 671
昨天完成的事情:
1、完成任务四,学了表单,通过css覆盖表单input和button样式。
2、要注意的是,input必须在form里。
今天计划的事情:
1、完成任务五。
2、学学html5的语义标签。
遇到的问题:
1、任务四里password单词拼错了。。所以密码没加密。
2、注册、关闭一直和登录在一块。
解决办法:
flex-basis:100%;
justify-content: space-between;
3、用的flex布局,有点不太习惯,分辨率小到一定数值下input会撑出滚动条。
解决办法:
flex-wrap:nowrap; 这是默认值,但是我之前都设了wrap。
4、当把html设置font-size:62.5%;时rem换算有问题。
解决办法:网上有人说像素小于12px时就有问题,我改了个font-size:87.5%;=14px。。现在想想反正都要计算,还不如直接用16px。。
5、登录用<button>标签还是用input{type="submit"};
解决办法:submit是特殊的button,会自动将表单的数据提交。
button是普通的按钮,不会自动提交表单数据。
它们都要用js配合使用。button通过js提交,submit通过js阻止提交。目前先用
6、师兄建议input的value值改为placeholder,改完后发现字的颜色不懂怎么变。
解决办法:问度娘。亲测有效!
::-webkit-input-placeholder {
color:#e1e5e7;
}
:-moz-placeholder {
color:#e1e5e7;
}
::-moz-placeholder {
color:#e1e5e7;
}
:-ms-input-placeholder {
color:#e1e5e7;
}
收获:
一、表单元素:
<form>
<input type="类型" name="表单名称" />
</form>
类型:
1、文本type="text"键入为文本
2、密码type="password"键入为密码
3、单选按钮type="radio"选择 加上value="male"等
4、复选框type="checkbox" 同样要加上value值
5、提交按钮 type="submit" value="submit"
二、报告还是要当天写。
三、师兄很靠谱。
评论