编程笔记 html5&css&js 023 HTML表单属性

简介: 编程笔记 html5&css&js 023 HTML表单属性


表单和其他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  规定提交表单后在何处显示接收到的响应。

注意

和提交相关的属性暂不详细了解。

相关文章
|
17天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
1天前
|
JavaScript 前端开发 BI
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
6 1
|
7天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
8天前
|
移动开发 前端开发 JavaScript
《HTML 简易速速上手小册》第8章:HTML 表单高级技术(2024 最新版)
《HTML 简易速速上手小册》第8章:HTML 表单高级技术(2024 最新版)
26 0
|
8天前
|
移动开发 JavaScript 前端开发
《HTML 简易速速上手小册》第4章:HTML 的表单与输入(2024 最新版)
《HTML 简易速速上手小册》第4章:HTML 的表单与输入(2024 最新版)
28 0
|
10天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
10天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
16 0
|
11天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
19 1
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
12天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册