跳到主要内容

提交表单数据

表单通常包括一个按钮,用于把表单数据提交给服务器上的脚本或者调用一个 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" />
  • field_name :普通按钮的名称。
  • button_text :按钮上显示的文字。

提交按钮 submit

提交按钮是一种特殊的按钮,在单击该类按钮时可以实现表单内容的提交。具体语法如下:

<input type="submit" name="field_name" value="submit_text" />
  • field_name :提交按钮的名称。
  • submit_text :按钮上显示的文字。

重置按钮 reset

单击重置按钮后,可以清除表单的内容,恢复默认的表单内容设定。具体语法如下:

<input type="reset" name="field_name" value="reset_text" />
  • field_name :重置按钮的名称。
  • reset_text :按钮上显示的文字。

图像域 image

图像域是指可以用在提交按钮位置上的图片,这幅图片具有按钮的功能。如果网页使用了较为丰富的色彩,或稍微复杂的设计,再使用表单默认的按钮形式甚至会破坏整体的美感。这时,可以使用图像域,创建和网页整体效果相统一的图片按钮。具体语法如下:

<input type="image" name="field_name" src="image_url" />
  • field_name :图像域的名称
  • image_url :图片的路径