表单和其他HTML元素一样,拥有很多属性,不同的属性值,就呈现不同的表单效果或功能。本节介绍 HTML
<form>
元素的不同属性。
Action 属性
action 属性定义提交表单时要执行的操作。通常,当用户单击“提交”按钮时,表单数据将发送到服务器上的文件中。
在下面的例子中,表单数据被发送到名为 “action.js” 的文件。该文件包含处理表单数据的服务器端脚提示:如果省略 action 属性,则将 action 设置为当前页面。
Target 属性
target 属性规定提交表单后在何处显示响应。
target 属性可设置以下值之一:
值 描述 _blank 响应显示在新窗口或选项卡中。 _self 响应显示在当前窗口中。 _parent 响应显示在父框架中。 _top 响应显示在窗口的整个 body 中。
framename
响应显示在命名的 iframe
中。默认值为 _self
,这意味着响应将在当前窗口中打开。
此处,提交的结果将在新的浏览器标签中打开:
<form action="/action.js" target="_blank">
Method 属性
method 属性指定提交表单数据时要使用的 HTTP 方法。
表单数据可以作为 URL 变量(使用 method=“get”)或作为 HTTP post 事务(使用 method=“post”)发送。
提交表单数据时,默认的 HTTP 方法是 GET。
<form action="/action.js" method="get">
<form action="/action.js" method="post">
Autocomplete 属性
autocomplete 属性规定表单是否应打开自动完成功能。
启用自动完成功能后,浏览器会根据用户之前输入的值自动填写值。
<form action="/action.js" autocomplete="on">
Novalidate 属性
novalidate
属性是一个布尔属性。
如果已设置,它规定提交时不应验证表单数据。
<form action="/action_page.php" novalidate>
所有 <form>
属性的列表
属性 描述 accept-charset 规定用于表单提交的字符编码。 action 规定提交表单时将表单数据发送到何处。 autocomplete 规定表单是否应打开自动完成(填写)功能。 enctype 规定将表单数据提交到服务器时应如何编码(仅供 method="post")。 method 规定发送表单数据时要使用的 HTTP 方法。 name 规定表单名称。 novalidate 规定提交时不应验证表单。 rel 规定链接资源和当前文档之间的关系。 target 规定提交表单后在何处显示接收到的响应。
注意
和提交相关的属性暂不详细了解。