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 搜索框
用户所看
输入提交的值
-
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();
- 常用方法
* toLocaleString(); 根据本地时间格式,把 Date 对象转换为字符串
* getFullYear(); 返回四位数字年份
* getMonth(); 返回月份 (0 ~ 11)
* getDay(); 月中的某一天(1~31)
* getTime(); 返回 1970 年 1 月 1 日至今的毫秒数