html 按钮

按钮分为三种：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 标签内部的表单元素的输入内容

猜你喜欢