表单通常包括一个按钮,用于把表单数据提交给服务器上的脚本或者调用一个 JavaScript 动作。可以利用 value 属性把你喜欢的任何标签放在 Submit (提交)按钮上:
<input type="submit" value="Place My Order Now ! " />
属性名 | 属性作用 |
---|---|
form | 指定按钮关联的表单 |
formaction | 覆盖 form 元素的 action 属性,重新指定表单提交的 URL |
formenctype | 覆盖 form 元素的 enctype 属性,重新指定表单的编码方式 |
formmethod | 覆盖 form 元素的 method 属性,重新指定表单提交的方式 |
formtarget | 覆盖 form 元素的 target 属性,重新指定目标窗口 |
formnovalidate | 覆盖 form 元素的 novalidate 属性,设置是否执行客户端数据有效性检测 |
在网页中按钮也很常见,在提交页面、恢复选项时常常用到。普通按钮一般情况下要配合脚本来进行表单处理。具体语法如下:
<input type="button" name="field_name" value="button_text" />
提交按钮是一种特殊的按钮,在单击该类按钮时可以实现表单内容的提交。具体语法如下:
<input type="submit" name="field_name" value="submit_text" />
单击重置按钮后,可以清除表单的内容,恢复默认的表单内容设定。具体语法如下:
<input type="reset" name="field_name" value="reset_text" />
图像域是指可以用在提交按钮位置上的图片,这幅图片具有按钮的功能。如果网页使用了较为丰富的色彩,或稍微复杂的设计,再使用表单默认的按钮形式甚至会破坏整体的美感。这时,可以使用图像域,创建和网页整体效果相统一的图片按钮。具体语法如下:
<input type="image" name="field_name" src="image_url" />