HTML中的提交按钮是用于提交表单的,它的设置也是非常简单的。要创建
一个提交按钮,只需要在表单
代码中
添加一个类型为“submit”的按钮即可。
代码如下:
<form action="submit.PHP" method="post">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
</form>
在上面的
代码中,我们创建了
一个表单,并
添加了两个输入框:
一个用于输入
用户名,另
一个用于输入密码。接下来,我们
添加了
一个类型为“submit”的按钮,并将它的值设置为“提交”。这个按钮在点击后将会把表单中的数据提交到名为“submit.
PHP”的处理程序中。
如果你想让按钮的样式更加美观,你可以使用CSS样式表来设置它的样式,如下所示:
<style>
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
</style>
以上是一些简单但实用的CSS
代码,让你的提交按钮更加美观和易于使用。
总之,HTML中的提交按钮是
一个必不可少的元素,在构建表单时必须设置正确。使用简单的
HTML代码和一些CSS样式表,可以创建
一个漂亮的提交按钮,可以增强
用户体验。