input、选择器、浮动、display、字符串转换成数字类型、日期对象

form表单【重点】
作用：采集用户数据、将数据发送给服务器


1）text 文本框
2）password 密码框
3）date 日期选择框
4）radio 单选框，注意：name属性相同分为一组
5）checkbox 复选框，注意：name属性相同分为一组
单选和复选默认选中 checked=“checked” | true
6）button 普通按钮
7）submit 提交按钮
8）reset 重置按钮
9）image 图片提交
10）file 文件上传，注意：method=“post”
11）hidden 隐藏域
12）search 搜索框

用户所看

输入提交的值

2. css样式
   作用：美化网页，布局页面
   2.1 html引入css
   

   
   
   
   推荐放在head头部
   2.2 选择器
   

   2.3 css属性
   字体
   文本
   text-align 内容对齐方式
   line-height 行高
   text-decoration 修饰文本
   背景
   background:颜色 图片 平铺方式
   显示
   display
   block 块级元素
   inline 内联元素
   none 隐藏元素
   浮动
   float
   左浮动 left
   右浮动 right
   清除浮动 clear:both
   2.4 盒子模型
   宽和高
   边框 border
   内边距 padding
   外边距 margin
   普通盒子 content-box：在指定宽和高之外，调整内边距和边框大小
   怪异盒子 border-box：在指定宽和高之内，调整内边距和边框大小
   2.5 字符串转换成数字类型
   * parseInt();
   * parseFloat();
   特点：
   从第一个字符开始转换，遇到非数值字符，则停止转换
   * isNaN(); 判断一个字符串不是数值类型返回 true，否则返回 false

2.6. 编码解码（重要）
* encodeURI(); 可把字符串作为 URI 进行编码;
* decodeURI(); 可对 encodeURI() 函数编码过的 URI 进行解码。
* isNaN(); 判断一个字符串 不是数值类型返回 true，否则返回 false
2.7日期对象
1. 语法
* var date = new Date();

2. 常用方法
   * toLocaleString(); 根据本地时间格式，把 Date 对象转换为字符串
   * getFullYear(); 返回四位数字年份
   * getMonth(); 返回月份 (0 ~ 11)
   * getDay(); 月中的某一天（1~31）
   * getTime(); 返回 1970 年 1 月 1 日至今的毫秒数