发表于: 2019-12-15 03:41:22

5 1039


今天完成的事:

    完成了任务四的大致结构,实现了展示图中的基本功能。

   其中用到了一些没有接触到的JavaScript的一些东西,还没能弄懂。

明天计划的事:

  调试代码争取将任务四完成,主要是placeholder显示字体的颜色问题,现在试了

.input_2 [placeholder]::-webkit-input_2-placeholder{

  color:rgb(188,188,188);

} 

这种方法,发现只能更改文字的颜色,文字失去了加粗的效果,而且还会消除点击输入框时被屏蔽的选框问题,这个问题还在找答案。争取在明天取得进展。

遇到的困难:

   选框聚焦时与不聚焦时呈现的状态问题。就是当鼠标聚焦到选框时,选框内默认字体文本消失,当没有输入内容鼠标聚焦到选框外时,选框内恢复默认文本。当选框内输入内容,鼠标聚焦到选框外时,已输入的内容不变,这上面的问题,最后在找到了第一张图片里的代码后就解决了。现在的困难就是怎么改变placeholder默认文本颜色的问题。

收获:

   了解了登录页面的设计方法与思路,知道了怎么根据已给出的设计图去用html与css代码去实现相应的效果,并掌握了input标签的用法,除了输入框,input标签type属性还有 radio (单选框)checkbox(多选框)submit(提交框)等一些常用的效果展示。


返回列表 返回列表
评论

    分享到