数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚学
法律学之间的区别
在 HTML 中, <input type="button" /> 用于在 HTML 表单中创建按钮。在 <button> 标签内, 您可以放置内容, 如文本或图像。但带有 <input> 标签创建的按钮则不同。
让我们看一个按钮和 <input type=”button” /> 的示例，
HTML <button> 标签
它用于在 HTML 表单中创建一个按钮, 并且在 <button> 标签内, 您可以放置内容, 如文本或图像。
以下内容将向按钮添加一个图像 −
案例
您可以尝试运行以下代码, 以使用 <button> 标签向按钮添加图像 −
<!DOCTYPE html>
<html>
<body>
<button onclick="alert('Learn HTML')">
<img src="https://tutorialspoint.com/html/images/html-mini-logo.jpg"
alt="Learn HTML" height="80" width="100">
</button>
</body>
</html>HTML <input type=”button” />
提交按钮单击时会自动提交表单。使用 HTML 表单, 您可以轻松获取用户输入。<form> 标签用于获取用户输入, 通过添加表单元素。type 属性用于在 <input> 标签内添加按钮。
案例
您可以尝试运行以下代码来了解 <input type=”button”> 的用法
<!DOCTYPE html> <html> <head> <title>HTML Button</title> </head> <body> <form action="/new.php"> Student Name:<br> <input type="text" name="sname"> <br> Student Subject:<br> <input type="text" name="ssubject"> <br> <input type="submit" value="Submit"> </form> </body> </html>
更新于: 15-Jun-2020
2 千多次浏览量
广告