发表于: 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"


二、报告还是要当天写。


三、师兄很靠谱。


返回列表 返回列表
评论

    分享到