网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML 输入框


哪个部分描述了不同的属性 form* 针对 HTML 元素<input>.


Атрибут 表格

阿特里比输入 form визначає форму, якій належить елемент <input>.

该属性的值可能类似于元素中的id属性<form> ,欠谁的。

屁股

输入字段在 HTML 表单之外展开(但仍然是表单的一部分):

<form action="/action_page.html" id="form1">
<label for="fname">姓:</label>
  <input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="提交">
</form>

<label for="lname">备注:</label>
<input type="text" id="lname" name="lname" form="form1">
自己尝试一下»

行动形成

阿特里比输入 formaction 访问 URL 目录时,请确保您已阅读并同意我们的使用条款。

笔记: 该属性替换了该属性action елемента <form>.

Атрибут formaction 解决此问题的另一个方法是:提交您的图片。

屁股

HTML 格式以及与以下内容相关的主题:

<form action="/action_page.html">
<label for="fname">姓:</label>
  <input type="text" id="fname" name="fname"><br><br>
<label for="lname">备注:</label>
  <input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="评分">
<input type="submit" formaction="/action_page2.html" value="管理员回复">
</form>
自己尝试一下»

建筑师 formenctype

阿特里比输入 formenctype 但如果您需要发布任何内容,则必须使用原始帖子(例如,method="post")。

笔记: 该属性替换元素的 enctype 属性<form>.

Атрибут formenctype 解决此问题的另一个方法是:提交您的图片。

屁股

带有两个按钮的形式。 第一个压倒了编码为“multipart/form-data”的表单数据:

<form action="/action_page_binary.asp" method="post">
<label for="fname">姓:</label>
  <input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="提交">
  <input type="submit" formenctype="multipart/form-data"
值="以 Multipart/form-data 形式提交"&gt;
</form>
自己尝试一下»

作者 formmethod

阿特里比输入 formmethod 使用 HTTP 方法将 URL 路径中的数据转发给客户端。

笔记: 该属性替代了元素的method属性<form>.

Атрибут formmethod 解决此问题的另一个方法是:提交您的图片。

另一种方法是使用 URL 请求 (method="get") 或 HTTP 请求 (method="post")。

尊重“get”方法:

  • 此方法将表单数据以名称/值对的形式附加到 URL
  • 如果您想将结果添加到书签,这是提交表单的方法
  • 由于 URL 中可以放置的数据量(在不同浏览器中有所不同),您无法保证表单中的所有数据都会正确传输
  • 切勿使用“获取”方式传输机密信息! (密码或其他机密信息将在浏览器的地址栏中可见)

尊重“post”方法:

  • 此方法强制将表单数据作为 HTTP post 事务
  • 使用“post”方法提交的表单无法添加到书签
  • “post”方法比“get”方法更可靠、更安全,并且“post”方法不受大小限制

屁股

带有两个按钮的形式。 Persha 使用 method="get" 覆盖表单数据。 另一种方法使用 method="post" 覆盖表单数据:

<form action="/action_page.html" method="get">
<label for="fname">姓:</label>
  <input type="text" id="fname" name="fname"><br><br>
<label for="lname">备注:</label>
  <input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="访问 GET 帐户">
<input type="submit" formmethod="post" value="目录 帖子">
</form>
自己尝试一下»

formtarget 的作者

阿特里比输入 formtarget визначає назву або ключове слово, яке вказує, де відображати відповідь, отриману після надсилання форми.

笔记: 该属性替换元素的目标属性<form>.

Атрибут formtarget 解决此问题的另一个方法是:提交您的图片。

屁股

带有两个具有不同用途窗口的按钮的表单:

<form action="/action_page.html">
<label for="fname">姓:</label>
  <input type="text" id="fname" name="fname"><br><br>
<label for="lname">备注:</label>
  <input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="评分">
<input type="submit" formtarget="_blank" value="更新于 2019/03/20">
</form>
自己尝试一下»

formnovalidate 组件

阿特里比输入 formnovalidate вказує, що елемент<input> 一年多前从未进行过此类审查。

笔记: 该属性替换元素的 novalidate 属性<form>.

Атрибут formnovalidate 提交此问题的另一个原因是:提交。

屁股

带有两个按钮的表单(带确认和不带确认):

<form action="/action_page.html">
<label for="email">请输入您的电子邮箱:</label>
  <input type="email" id="email" name="email"><br><br>
<input type="submit" value="评分">
  <input type="submit" formnovalidate="formnovalidate"
value="提交而不检查"&gt;
</form>
自己尝试一下»

无验证

Атрибут novalidate є атрибутом <form>.

如果存在, novalidate 表示所有表单数据在提交之前必须经过验证。

屁股

请注意,需要时无需检查表格中的每日数据。

<form action="/action_page.html" novalidate>
<label for="email">请输入您的电子邮箱:</label>
  <input type="email" id="email" name="email"><br><br>
<input type="submit" value="评分">
</form>
自己尝试一下»

HTML 主题 表单和输入

标签 描述
<form> 这意味着供客户输入的 HTML 表单
<input> 该元素的含义是引入

要查看所有可用 HTML 标签的完整列表,请转至 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.



评论