HTML教程
HTML5教程
HTML参考手册

如何在HTML中制作按钮?

如果要在要在浏览器的网页上显示的HTML文档中创建按钮,则必须遵循下面给出的步骤。使用这些步骤,我们可以轻松地创建一个按钮来调用JavaScript函数。
步骤1:首先,我们必须在任何文本编辑器中键入Html代码,或者在要创建按钮的文本编辑器中打开现有的Html文件。
<!Doctype Html>
<Html>
<Head>
<Title>
制作或创建按钮的代码
</Title>
</Head>
<Body>
您好用户! <br>
以下标记可帮助我们创建按钮:
</Body>
</Html>
第2步:现在,将光标移动到我们要在网页上显示按钮的位置。然后,在该点输入 Html <button> 标签。
<button>我们要在按钮上显示的任何文字 </button>
步骤3:现在,我们必须添加 button标签的属性>名称为 "类型" 。因此,在开始的 <button> 标记内键入 'type'属性。然后,我们必须给出属性的值。因此,我们必须按照以下块中的描述在type属性中键入按钮值。
<button type ="button" >我们要在按钮上显示的任何文字 </button>
步骤4:现在,我们必须使用名称为" onclick"的 <button> 标记的另一个属性。因此,在开始的 <button> 标记内的type属性之后键入onclick属性。并且,然后我们必须键入将在用户单击按钮时显示的消息。因此,请在onclick属性中键入消息作为值。
<button type="button" onclick="javascript代码或函数"> 我们要在按钮上显示的任何文本 </button>
第5步:而且,最后,我们必须保存HTML代码,然后运行它。执行后,如果我们依次执行上述步骤,我们将在网页上看到该按钮。
<!Doctype Html>
<Html>
<Head>
<Title>
制作或创建按钮的代码
</Title>
</Head>
<Body>
您好用户! <br>
下面的标签有助于我们做出一个按钮: <br>
<button type="button" onclick="alert('您成功创建一个按钮')">
点击这里
</button>
</Body>
</Html>
上述HTML代码的输出显示在以下屏幕截图中:
如何在HTML中制作按钮
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4