表单按钮的颜色是一个重要的设计元素,它可以帮助用户更容易地识别和理解表单中的不同按钮。正确使用颜色可以有效地提高用户体验,并帮助用户快速找到所需的信息。
HTML表单中的按钮可以使用不同的颜色来表示不同的功能。例如,绿色可以表示“确定”,而红色可以表示“取消”。这样,用户就可以很容易地识别出不同功能的按钮,而无需看到文字标签。
有三种方法可以使用按钮通过设置三个不同的type属性。
当您设置要submit
按钮的type
属性时,按下按钮将提交包含按钮的表单。
这是未应用 type
属性时的默认行为。
提交按钮具有以下列出的一些附加属性。
以下代码显示了如何将这些属性应用于按钮元素。
<!DOCTYPE HTML> <html> <body> <form> <p> <label for="fave">Fruit: <input autofocus id="fave" name="fave" /></label> </p> <p> <label for="name">Name: <input id="name" name="name" /></label> </p> <button type="submit" formaction="http://example.com/form" formmethod="post">Submit Vote</button> </form> </body> </html>
上面的代码从表单元素中省略了action和method属性,并通过button元素上的 formaction
和 formmethod
属性提供了配置。
如果将某个button
的type
属性设置为reset
,则按下该按钮可将表单中的所有输入元素重置为其初始状态。
重置按钮没有其他属性。
以下代码显示了向HTML文档添加重置按钮。
<!DOCTYPE HTML>
<html>
<body>
<form method="post" action="http://example.com/form">
<p>
<label for="fave">Fruit:
<input autofocus id="fave" name="fave" /></label>
</p>
<p>
<label for="name">Name: <input id="name" name="name" /></label>
</p>
<button type="submit">Submit Vote</button>
<button type="reset">Reset</button>
</form>
</body>
</html>
如果将type
属性设置为button
,则创建一个普通按钮。它没有特殊的意义,不会做任何事情,当你按它。
以下代码显示了一个通用按钮。
<!DOCTYPE HTML>
<html>
<body>
<form method="post" action="http://example.com/form">
<p>
<label for="fave">Fruit: <input autofocus id="fave"
name="fave" /></label>
</p>
<p>
<label for="name">Name: <input id="name" name="name" /></label>
</p>
<button type="button">
Do <strong>NOT</strong> press this button
</button>
</form>
</body>
</html>
您可以对按钮元素中包含的文本设置样式。
<html>
<body>
<form action="" method="post">
<button type="submit">Submit</button>
<br /><br />
<button type="reset"><b>Clear this form</b> I want to start again</button>
<br /><br />
<button type="button"><img src="http://www.www..cn/style/download.png" alt="submit" /></button>
</form>
</body>
</html>
HTML progressprogress元素可用于指示任务的逐渐完成。它有两个局部属性: value,max,form 。value属性定义当前进度,它在零和...
本章为大家带来的是HTML引用的使用方法教程,内含引用实例及常用引用方式介绍。这是摘自 WWF 网站的引文:五十年来,WWF 一直致...
HTML 颜色名目前所有浏览器都支持以下颜色名。 141 个颜色名称是在 HTML 和 CSS 颜色规范定义的( 17 标准颜色,再加 124 )。下...
HTML 元素HTML 文档由 HTML 元素定义,HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。HTML 元素开始...