HTML Атрибути введення

本节描述 HTML 元素的各种属性 <input>.

Атрибут value（价值）

Атрибут value задає початкове значення для поля введення:

管理员 readonly（仅限用户）

Атрибут readonly вказує, що поле введення доступне тільки для читання (не може бути змінено):

Атрибут disabled（已禁用）

Атрибут disabled вказує, що поле введення відключено.

启用的输入字段无法选择且鼠标无法点击，表单加载时也不会提交值：

Атрибут size(尺寸)

Атрибут size визначає розмір (в символах) для поля введення:

maxlength (最大长度)

Атрибут maxlength задає максимально допустиму довжину для поля введення:

有属性 maxlength поле введення не буде приймати більше, ніж допустиму кількість символів.

Атрибут maxlength 它不会带来任何扭曲。 如果你想领先于黑客，你必须编写 JavaScript 代码。

HTML5 作品

HTML5 网页设计属性 <input>:

• 自动完成
• 自动对焦
• 形式
• 形成
• 形式类型
• 形式方法
• 表单验证
• 表单目标
• 高度和宽度
• 列表
• 最小和最大
• 多种的
• 模式（正则表达式）
• 占位符
• 必需的
• 步

і наступні атрибути для <form>:

• 自动完成
• 不验证

自动完成功能（自动完成）

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

启用自动填充后，浏览器会根据之前输入的值自动补全输入的值。

波拉达： 您可以“打开”表单的自动填充功能，并“关闭”简单输入字段的自动填充功能，等等。

Атрибут autocomplete працює з <form> і наступними типами <input>：文本、搜索、网址、电话、电子邮件、密码、日期选择器、范围和颜色。

屁股

包含文本的 HTML 页面（包括用于注释的文本）：

<form action="/action_page.html" autocomplete="on">
姓:<input type="text" name="fname"><br>
备注：<input type="text" name="lname"><br>
电子邮件：<input type="email" name="email" autocomplete="off"><br>
 <input type="submit">
</form>

自己尝试一下»

暗示： 在某些浏览器中，您可能需要激活自动填充功能才能正常工作。

管理员 novalidate (未审核)

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

如果适用，novalidate 表示按下时不需要验证这些表单。

屁股

表示形状在应用时不允许反转：

<form action="/action_page.html" novalidate>
电子邮件：<input type="email" name="user_email">
  <input type="submit">
</form>

自己尝试一下»

自动对焦 (自动对焦)

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

屁股

让“名称”输入字段在单击页面时自动移除焦点：

姓:<input type="text" name="fname" autofocus>

自己尝试一下»

Атрибут form（表格）

Атрибут form атрибут визначає одну або декілька форм, до яких належить елемент <input>.

屁股

输入字段显示在 HTML 表单边界之外（但仍然是表单的一部分）：

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

备注：<input type="text" name="lname" form="form1">

自己尝试一下»

Атрибут formaction (动画)

Атрибут formaction 通过 URL 目录，您可以找到有关您的 URL 的大量信息。

成分 formaction 审核成分 action елементу <form>.

Атрибут formaction 观看 type="submit" та type="image".

屁股

具有基本知识的 HTML 文档，其中包含以下内容：

<form action="/action_page.html">
姓:<input type="text" name="fname"><br>
备注：<input type="text" name="lname"><br>
<input type="submit" value="提交"><br>
 <input type="submit" formaction="/action_page2.html"
value="以管理员身份提交"&gt;
</form>

自己尝试一下»

Formenctype 设计师 (照片)

Атрибут formenctype 否则，您将无法再使用 Post Code 来发布帖子（请遵循 method="post" 规则）。

Атрибут formenctype перевизначає атрибут enctype елемента <form>.

Атрибут formenctype використовується з type="submit" та type="image".

屁股

下列是一些示例，使用 multipart/form-data（多部分表单数据）和 multipart 表单数据进行封装：

<form action="/action_page_binary.asp" method="post">
姓:<input type="text" name="fname"><br>
<input type="submit" value="提交">
 <input type="submit" formenctype="multipart/form-data"
值="以 Multipart/form-data 形式提交"&gt;
</form>

自己尝试一下»

Formmethod 作曲家 (模板方法)

Атрибут formmethod 使用 HTTP 方法通过 URL 操作触发跨平台连接。

Атрибут formmethod перевизначає атрибут метода елемента <form>.

Атрибут formmethod може бути використаний з type="submit" та type="image".

屁股

另一个按钮覆盖表单的 HTTP 方法：

<form action="/action_page.html" method="get">
姓:<input type="text" name="fname"><br>
备注：<input type="text" name="lname"><br>
<input type="submit" value="提交">
<input type="submit" formmethod="post" value="使用 POST 提交">
</form>

自己尝试一下»

formnovalidate 组件（可能未提供）

Атрибут formnovalidate 验证器 novalidate 元素<form>.

Атрибут formnovalidate може бути використаний з type="submit".

屁股

具有两个强制按钮的形式（带或不带反转）：

<form action="/action_page.html">
电子邮件：<input type="email" name="userid"><br>
<input type="submit" value="提交"><br>
<input type="submit" formnovalidate value="不经过验证就提交">
</form>

自己尝试一下»

formtarget 开发人员 (模板)

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

Атрибут formtarget перевизначає цільовий атрибут елемента <form>.

Атрибут formtarget може бути використаний з type="submit" і type="image".

屁股

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

<form action="/action_page.html">
姓:<input type="text" name="fname"><br>
备注：<input type="text" name="lname"><br>
<input type="submit" value="Надіслати як зазвичай">
  <input type="submit" formtarget="_blank"
value="添加到新帐户"&gt;
</form>

自己尝试一下»

列表 height 和 width (视频和帧)

Атрибути height і width визначають висоту і ширину елемента <input type="image">.

屁股

将图像指示为具有高度和宽度属性的按钮：

<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

自己尝试一下»

艺术家列表 (列表)

Атрибут list відноситься до елементу <datalist> ，请阅读我们关于每个元素的更多评论<input> 。

屁股

问题<input> значенням в попередньо визначеними в<datalist> ：

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

自己尝试一下»

选项 min 和 max（最小和最大）

Атрибути min і max визначають мінімальні та максимальні значення для елемента <input>.

Атрибути min і max 键入以下内容：数字、范围、日期、本地日期时间、月份、时间和星期。

屁股

<input>元素与属性 最小值和最大值：

输入 1980-01-01 之前的日期：
<input type="date" name="bday" max="1979-12-31">

输入 2000 年 1 月 1 日之后的日期：
<input type="date" name="bday" min="2000-01-02">

厚度（类型 1 至 5）：
<input type="number" name="quantity" min="1" max="5">

自己尝试一下»

Атрибут multiple (多个)

Атрибут multiple вказує, що користувачеві дозволено вводити більше одного значення в елементі <input>.

Атрибут multiple 解决此问题的另一个方法是：通过电子邮件发送或文件。

屁股

文件名字段采用以下值：

提交以下帖子：<input type="file" name="img" multiple>

自己尝试一下»

Атрибут 图案 (паттерн)

Атрибут pattern визначає регулярний вираз, з яким перевіряється значення елемента <input>.

Атрибут pattern 此处提供的信息包括：文本、搜索、网址、电话、电子邮件和密码。

波拉达： Vikorist 全局属性标题 для опису патерну, щоб допомогти користувачеві.

波拉达： 了解更多关于регулярні вирази 国家/地区网站上的 JavaScript 代码W3Schools 乌克兰.

屁股

只能包含三个字母的输入字段（不能包含数字或特殊字符）：

代码：<input type="text" name="country_code" pattern="[A-Za-z]{3}" title="特里布克维尼代码">

自己尝试一下»

Атрибут placeholder（占位符）

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

在用户输入值之前，提示会出现在输入字段中。

Атрибут placeholder 提供的信息包括：文本、搜索、网址、电话、电子邮件和密码。

屁股

包含以下文本的输入字段：

<input type="text" name="fname" placeholder="Ім’я">

自己尝试一下»

需要 Атрибут (运行)

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

Атрибут required 可从以下对象中找到：文本、搜索、网址、电话、电子邮件、密码、日期选择器、数字、复选框、单选按钮和文件。

屁股

奥博夫亚兹科娃介绍领域：

您的当前位置：<input type="text" name="usrname" required>

自己尝试一下»

Атрибут step (台阶)

Атрибут step визначає допустимі інтервали чисел (кроки) для елемента <input>.

示例：如果 step="3"，则有效数字可以是 -3、0、3、6 等。

Атрибут step 定义类型的值：数字、范围、日期、本地日期时间、月份、时间和星期。

屁股

具有指定有效间隔数的输入字段：

<input type="number" name="points" step="3">

自己尝试一下»

HTML 右

HTML 模板与元素