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
':
其他允许的值是'_parent
', '_top
' 作为名称,请忽略 iframe。
方法论
Атрибут method
使用 HTTP 方法 (得到 або 邮政), який буде використовуватись при надсиланні даних форми:
або:
如果使用 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>
:
Атрибут | 描述 |
---|---|
接受字符集 | 指示将在提交的表单中使用的字符集(毕竟:辅助字符集)。 |
行动 | 指定发送表单的地址(url)(在幕后:提交方)。 |
自动完成 | 请注意,浏览器负责自动填写表格(说明:已启用)。 |
编码类型 | 这意味着发送数据的编码(根据定义:url 编码)。 |
方法 | 指定提交表单时使用的 HTTP 方法(通常:GET)。 |
姓名 | 启动此窗体,然后加载表单(来自窗体的 DOM:document.forms.name)。 |
不验证 | 请注意,浏览器不负责验证表单。 |
目标 | 指定操作属性中地址的用途(例如:_self)。 |
您将在我们网站的以下部分了解有关表单属性的更多信息 W3Schools 乌克兰.