目录
?
onclick:点击事件
onmouseout:鼠标离开事件
onmouseover:鼠标移上去事件
onload:页面加载事件
onblur:失去焦点
这个可以直接用,你们可以再加一点css样式就可以运用到项目当中,效果就是上面那张图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单验证</title>
</head>
<body>
<form action="http://www.baidu.com" method="post">
用户名:<input type="text" /><br>
密码:<input type="password" /><br>
性别:<input name="sex" type="radio" />男
<input checked="true" type="radio" name="sex" />女<br>
爱好:
<input name="like" type="checkbox" />吃饭饭
<input name="like" type="checkbox" />睡觉觉
<input name="like" type="checkbox" />打豆豆
<input name="like" type="checkbox" />打打球<br>
地址:
<select>
<option>北京</option>
<option>南京</option>
<option>东京</option>
<option selected="selected">岛市</option>
</select>
<br />
个性签名:
<textarea>
</textarea>
<br>
<button>普通按钮</button>
<input type="button" value="普通按钮" />
<input type="reset" value="重置按钮" />
<input type="submit" value="提交按钮" />
<input type="file" />
<input type="image" src="images/zsd.JPG" />
</form>
</body>
</html>
获取ID单个元素
document.getElementById();
根据标签名获取元素
document.getElementBTagName();
根据标签name属性获取元素
document.getElementsByName('name属性值');
多多支持,欢迎评论区留言???????-??????????? ??????*??*??????-??-??????*??*?-??-?
|