今天完成的事情

任务十三第一个页面，没有用栅格布局，用css布局

明天计划的事情

继续做任务

遇到的问题

有的小圆变形了

收获

常见的表单元素有哪些？各有什么属性？

<form>元素定义表单

1.input元素

   type属性 （text定义常规文本输入；radio定义单选按钮输入（选择多个选择之一；submit定义提交按钮（提交表单）；checkbox定义复选框；password定义密码字段；button定义按钮；mumber color week time email）

   action属性。action 属性定义在提交表单时执行的动作

   method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）

   name 属性。如果要正确地被提交，每个输入字段必须设置一个 name 属性。 name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

   value 属性规定输入字段的初始值

  min 和 max 属性规定 <input> 元素的最小值和最大值。

disabled 属性规定输入字段是禁用的

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）

 size 属性规定输入字段的尺寸（以字符计)size属性定义文本框的宽度，单位是单个字符宽度；

label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。

2.<select> 元素,下拉列表

3.<option> 元素定义待选择的选项

4..<textarea> 元素定义多行输入字段

cols属性定义多行文本框的宽度，单位是单个字符宽度；

 rows属性定义多行文本框的高度，单位是单个字符宽度；

 wrap属性定义输入内容大于文本域时显示的方式

5.<button> 元素定义可点击的按钮

css画常用的形状

1.圆 

 border-radius:50%

2.正方形

设等宽高，单位用vw和vh

.wrapper div{

   width:32vw/%;

   height:32vw;

   background:red;

   border-radius:30px;

}

用padding-bottom

 div{

width:32%;

padding-bottom:32%;/* padding百分比相对父元素宽度计算 */

}

3.三角形

.triangle{

margin-top:5rem;

width:0;

border-bottom:5rem solid#00a000;

border-left:5rem solid transparent;

border-right:5rem solid transparent;

}