按钮分为三种:button(普通按钮), submit(提交按钮) , reset(重置按钮)
普通按钮:
语法:
<input type="button" value="普通按钮取值" onclick="javaScript脚本程序">
value 的取值就是按钮上要显示的文字
onclick 是普通按钮的事件
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_form" method="POST">
<input type="button" value="按下" onclick="alert('你按下了按钮')">
</form>
</body>
</html>
重置按钮:
语法:
<input type="reset" value="重置按钮取值">
value 是显示按钮上的文字
提交按钮:
语法:
<input type="submit" value="提交按钮取值">
value 是显示按钮上的文字
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_form" method="POST">
账号:<input type="text"> <br>
密码:<input type="password"> <br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>
三个按钮的区别:
1、普通按钮一般与 javaScript 脚本结合实现一些特效
2、提交按钮用于把当前所在 form 标签内部的表单输入内容提交给服务器处理
3、重置按钮用于清除当前所在 form 标签内部的表单元素的输入内容