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

西斯

HTML 福米耶


HTML 表单用于收集用户输入的数据。 输入的数据通常发送到服务器进行处理。


HTML 表单。 屁股

我是:

昵称:


自己尝试一下»

问题<form>

HTML 元素 <form> визначає форму, яка використовується для збору користувацького вводу:

<form>
.
елементи форми
.
</form>

HTML 文档 елементи форми.

Елементи форми - це різні типи елементів вводу, такі як текстові поля, прапорці, перемикачі, кнопки надсилання тощо.


问题<input>

Елемент <input> є найбільш важливим елементом форми.

Елемент <input> може відображатися кількома способами, в залежності від атрибута 类型.

对接轴:

类型 描述
<input type="text"> 表示单行文本输入字段
<input type="radio"> 这意味着混音器(选择多个选项之一)
<input type="submit"> 表示提交按钮(提交表单)

您将在我们网站上的本指南后面了解有关输入类型的更多信息 W3Schools 乌克兰.


输入文字

<input type='text'> визначає однорядкове поле вводу для введення тексту - 文本输入:

屁股

<form>
我是:<br>
  <input type='text' name='firstname'><br>
昵称:<br>
  <input type='text' name='lastname'>
</form>
自己尝试一下»

该轴在浏览器中将如下所示:

我是:

昵称:

笔记: 表单本身不显示。 另请注意,文本字段的宽度应为 20 个字符。


Радіо кнопка введення

<input type='radio'> визначає радіокнопку.

开关(单选按钮)允许用户选择有限数量的选项之一:

屁股

<form>
<input type='radio' name='gender" value='male' checked>佐洛維恰<br>
<input type='radio' name='gender' value='female'>埃诺恰<br>
<input type='radio' name='gender' value='other'>暂无
</form>
自己尝试一下»

轴是 HTML 代码最有可能在浏览器中显示的方式:

乔洛维奇
日诺查
否则

提交按钮

<input type='submit'> визначає кнопку для надсилання даних форми в обробник форм.

表单处理器是带有用于处理输入数据的脚本的服务器端。

表单标识符在属性中指示 行动 форми:

屁股

<form action='/action_page.html'>
我是:<br>
  <input type='text' name='firstname' value='Mickey'><br>
昵称:<br>
  <input type='text' name='lastname' value='Mouse'><br><br>
<input type='submit' value="愛德社">
</form>
自己尝试一下»

轴是 HTML 代码最有可能在浏览器中显示的方式:

我是:

昵称:



行动

Атрибут action визначає дію, яку буде виконано при надсиланні форми.

当用户按下提交按钮时,将表单数据发送到服务器上的网站。

在最近的应用程序中,表单数据被发送到服务器上名为“/action_page.html”的页面。 此端包含处理表单数据的服务器脚本:

<form 动作='/action_page.html'>

药师草属性 action пропущений, дію встановлено на поточну сторінку.


Target 工程师

Атрибут target вказує, чи буде надісланий результат відкриватися в новій вкладці браузера, у фреймі або в поточному вікні.

做好准备的意义_self' означає, що форма буде відправлена в поточному вікні.

要查看表单的结果,请在新的浏览器选项卡中打开它,选择“值”_blank':

屁股

<form action='/action_page.html' 目标='_空白'>
自己尝试一下»

其他允许的值是'_parent', '_top' 作为名称,请忽略 iframe。


方法论

Атрибут method 使用 HTTP 方法 (得到 або 邮政), який буде використовуватись при надсиланні даних форми:

屁股

<form action='/action_page.html' 方法='获取'>
自己尝试一下»

або:

屁股

<form action='/action_page.html' 方法='post'>
自己尝试一下»

如果使用 GET 方法怎么办?

处理表单数据的方法是GET。

但是,如果您使用 GET,则会发送表单数据 видимі в полі адреси сторінки (адресному рядку):

/action_page.html?firstname=Mickey&lastname=Mouse

GET 的注意事项:

  • 以名称/值对的形式将数据以扩展名形式附加到 URL
  • Dovzhina URL 有限(接近 3000 个字符)
  • 切勿使用 GET 强制机密数据! (将出现在网址中)
  • Korisno 用于提交表单,您可以在其中为结果添加书签
  • 在 Google 上获取有关 NC 数据库的免费试用版本,以供下次购买

如果使用POST方法怎么办?

再次维科里斯特 邮政 ,因为这些表格不包含机密或专有信息。 方法邮政 не відображає відправлені дані форми в адресному рядку сторінки.

邮寄注意事项:

  • 这篇文章没有更多关于国家航空航天局的报道
  • POST 表单提交的内容可以添加到书签

作者名称

皮肤字段输入罪母属性 name для надсилання.

药师草属性 name опущений, дані його поля вводу не будуть відправлені взагалі.

此示例将仅发送到“姓氏”输入字段:

屁股

<form action='/action_page.html'>
名:<br>
  <input type='text' value='Mickey'><br>
姓:<br>
  <input type='text' name='lastname' value='Mouse'><br><br>
<input type='submit' value="愛德社">
</form>
自己尝试一下»

格鲁吉亚 达尼赫鲁 意大利<fieldset>

Елемент <fieldset> використовується для групування пов’язаних даних у формі.

Елемент <legend> визначає заголовок для елемента <fieldset>.

屁股

<form action='/action_page.html'>
  <fieldset>
<legend>特别信息:</legend>
我是:<br>
    <input type='text' name='firstname' value='Mickey'><br>
昵称:<br>
    <input type='text' name='lastname' value='Mouse'><br><br>
<input type='submit' value="愛德社">
  </fieldset>
</form>
自己尝试一下»

轴是 HTML 代码最有可能在浏览器中显示的方式:

特别信息:我是:

昵称:



HTML 右

向自己寻求帮助吧

正确的:

在表单底部,添加一个输入字段,其类型为“按钮”,值为“确定”。

<form>
<>
</form>


所有属性的列表 <form>:

Атрибут 描述
接受字符集 指示将在提交的表单中使用的字符集(毕竟:辅助字符集)。
行动 指定发送表单的地址(url)(在幕后:提交方)。
自动完成 请注意,浏览器负责自动填写表格(说明:已启用)。
编码类型 这意味着发送数据的编码(根据定义:url 编码)。
方法 指定提交表单时使用的 HTTP 方法(通常:GET)。
姓名 启动此窗体,然后加载表单(来自窗体的 DOM:document.forms.name)。
不验证 请注意,浏览器不负责验证表单。
目标 指定操作属性中地址的用途(例如:_self)。

您将在我们网站的以下部分了解有关表单属性的更多信息 W3Schools 乌克兰.



评论