发表于: 2018-08-27 23:52:24

1 685


今天完成的事情:

header使用display:flex 弹性布局,变成flex容器, justify-content属性定义容器内项目的排列方式为space-between,这个值使容器内的项目两端对齐,间隔距离相等,完成了header的定位。

 

header {
           display: flex;
           justify-content: space-between;
           padding: 0.3em;
           background: #5FC0CD;

明天计划的事情:

继续完成input样式和button样式的修改,让输入框达到理想中的效果。查看任务五的资料并进行一次尝试编写。

遇到的问题:

对表单了解的还不是很熟悉,所以不知道应该怎么在input和buttond的样式上引用datalist来进行样式的控制。

收获:

在表单-输入类型这一块有了基本上的概念,

<form> 元素定义 HTML 表单:< input>元素是最重要的表单元素,iput根据不同的type属性有不同的形态。

type/类型

text

radio

submit

描述

定义常规文本输入

定义单选按钮输入(选择多个选择之一)

定义提交按钮(提交表单)  

  1. 单行文本输入

<input type="text"> 定义文本输入的单行输入字段。ps:表单本身并不可见。字段的默认宽度是20个字符。

  1. 单选按钮

<input type="radio">定义单选按钮允许用户在有限数量的选项中选择其中之一。

  1. 提交按钮 

<input type="submit"> 定义用于向表单处理程序(form-handler)提交表单的按钮。



返回列表 返回列表
评论

    分享到