填完就可以提交咯 - 提交按钮，初识HTML(5)+CSS(3)-升级版教程-慕课网

6-11 填完就可以提交咯 - 提交按钮

本节编程练习不计算学习进度，请电脑登录imooc.com操作

填完就可以提交咯 - 提交按钮

在表单中有两种按钮可以使用，分别为：提交按钮、重置。这一小节讲解提交按钮：当用户需要提交表单信息到服务器时，需要用到提交按钮。

语法：

<input   type="submit"   value="提交">

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

举例：

在浏览器中显示的结果：

任务

我来试试：把右侧编辑器的输入框改为按钮

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>提交按钮</title>
</head>
 
<body>
    <form method="post" action="save.php">
        <label for="myName">姓名：</label>
        <input type="text" value=" " name="myName " />
        <input type="text" value="提交" name="submitBtn" />
    </form>
</body>
 
</html>