麻烦老师讲解一下两种按钮的区别，谢谢~

<!DOCTYPE html>
<html>
<head>
    <title>练习2-12_表单</title>
    <meta charset="utf-8">
</head>
<body>
    <!--在此完成相关任务-->
    <form action="" method="post">
        <p>
            <input type="button" value="快点我吧">
        </p>
        <p>
            <button>快点我吧</button>
        </p>
    </form>
</body>
</html>

下载视频

迪丽热琪ya 2022-09-15

源自：表单标签 2-12 编程练习

10

收起

2回答

好帮手慕久久回答被采纳获得+3积分 2022-09-15 14:13:48

同学你好，代码是对的，问题解答如下:

1、input对应的按钮，没有提交表单的功能。即点击该按钮的时候，不会自动提交数据。外在表现就是页面不会跳转（刷新）。至于什么是提交数据，后面的课程中会详细讲，暂时知道这个词汇就行。

2、button这个按钮，可以自动提交表单数据，即点击后，能看到页面会跳转（刷新）。

另外面，二者的提示文字书写位置也不同，input是用value设置提示信息，而button是将提示文字写在标签之间：

简单知道这些就行了。

祝学习愉快！

迪丽热琪ya 提问者 2022-09-15 14:10:52

我在下一节看到了区别，老师帮我检查对错即可，谢谢~

下载视频

相似问题

实现按钮跳转

请问一下老师这两种的区别

老师麻烦看一下调试不出来代码如下

submit和button的区别

麻烦老师解答一下，谢谢

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载