发表于: 2018-08-27 23:52:24
1 682
今天完成的事情:
header使用display:flex 弹性布局,变成flex容器, justify-content属性定义容器内项目的排列方式为space-between,这个值使容器内的项目两端对齐,间隔距离相等,完成了header的定位。
明天计划的事情:
继续完成input样式和button样式的修改,让输入框达到理想中的效果。查看任务五的资料并进行一次尝试编写。
遇到的问题:
对表单了解的还不是很熟悉,所以不知道应该怎么在input和buttond的样式上引用datalist来进行样式的控制。
收获:
在表单-输入类型这一块有了基本上的概念,
<form> 元素定义 HTML 表单:< input>元素是最重要的表单元素,iput根据不同的type属性有不同的形态。
type/类型 | text | radio | submit |
描述 | 定义常规文本输入 | 定义单选按钮输入(选择多个选择之一) | 定义提交按钮(提交表单) |
- 单行文本输入
<input type="text"> 定义文本输入的单行输入字段。ps:表单本身并不可见。字段的默认宽度是20个字符。
- 单选按钮
<input type="radio">定义单选按钮允许用户在有限数量的选项中选择其中之一。
- 提交按钮
<input type="submit"> 定义用于向表单处理程序(form-handler)提交表单的按钮。
评论