表单标签:<form>
表单元素:
<input type = "text" name = "username" value = "zhanghao" placeholder = "请输入用户名">(文本框)
常用属性:
name:表单元素的名称.必须有这个属性,后台才可以接收数据
value:文本框里的默认值.
size:文本框的长度
maxlength:文本框里最大输入长度
readonly:只读文本框
<input type = "password">(密码框)
<input type = "radio">(单选按钮)
checked:默认选中
<input type = "checkbox">(多选按钮)
checked:默认选中
<input type = "button" value = "普通">(普通按钮,没有任何功能的按钮)
<input type = "submit" value = "注册">(提交按钮)
<input type = "reset" value = "重置">(重置按钮)
<input type = "file">(文件上传)
<input type = "hidden">(隐藏域,一般是主键)
<input type = "image">(引用图片覆盖按钮)
<select>:下拉列表
<option>--请选择</option>
<option value = "">--北京</option>
selected:默认选择
<option value = "">--上海</option>
</select>
onchange select下拉框的值改变时触发
1.基本语法
定义变量 var 变量名 = 值;
变量名:局部变量(定义在方法内部的变量)我们以_开头。
给变量赋予默认的值
如果是基本类型 var num = undefined;
如果是引用类型 var person = null;
在控制台打印变量 console.log(变量名);
定义对象 var person = {
name:"张三",
age:14,
gender:'女'
}
定义方法(函数) function 方法名(){}
function 方法名(name,id){}
function (){} //匿名方法,当作为方法的实际参数的时候使用
方法的调用
方法名();
null和undefined报错问题
Cannot read property 'name' of undefined 原因是调用了undefined.name
Cannot read property 'name' of null 原因是调用了null.name
2.事件 注意函数必须加()
;
在HTML文本加载完毕后请求图片资源,图片请求回来后执行onload事件
3.定时器
var timer = setInterval("JS代码",毫秒值)
var timer = setInterval(function(){},毫秒值);//常用
clearInterval(timer);
4.CSS显示和隐藏元素的两种方式
display:block;none; 隐藏后不占位
visibility:visible;hidden; 隐藏后占位