Skip to content

Commit

Permalink
update(HTML): web/html/element/input/number (#1075)
Browse files Browse the repository at this point in the history
* Update rebuild script

* update(HTML): web/html/element/input/number
  • Loading branch information
undead404 authored Dec 14, 2022
1 parent 70458f9 commit 3cba40b
Showing 1 changed file with 43 additions and 41 deletions.
84 changes: 43 additions & 41 deletions files/uk/web/html/element/input/number/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,47 +24,6 @@ browser-compat: html.elements.input.type_number

В браузерах, що не підтримують полів типу `number`, такі поля працюють як поля типу `text`.

<table class="properties">
<tbody>
<tr>
<td><strong><a href="#znachennia">Значення</a></strong></td>
<td>{{jsxref("Number")}}, що представляє число, або порожнє</td>
</tr>
<tr>
<td><strong>Події</strong></td>
<td>
{{domxref("HTMLElement/change_event", "change")}} та
{{domxref("HTMLElement/input_event", "input")}}
</td>
</tr>
<tr>
<td><strong>Підтримувані загальні атрибути</strong></td>
<td>
{{htmlattrxref("autocomplete", "input")}},
{{htmlattrxref("list", "input")}},
{{htmlattrxref("placeholder", "input")}},
{{htmlattrxref("readonly", "input")}}
</td>
</tr>
<tr>
<td><strong>Атрибути IDL</strong></td>
<td><code>list</code>, <code>value</code>, <code>valueAsNumber</code></td>
</tr>
<tr>
<td><strong>Інтерфейс DOM</strong></td>
<td><p>{{domxref("HTMLInputElement")}}</p></td>
</tr>
<tr>
<td><strong>Методи</strong></td>
<td>
{{domxref("HTMLInputElement.select", "select()")}},
{{domxref("HTMLInputElement.stepUp", "stepUp()")}},
{{domxref("HTMLInputElement.stepDown", "stepDown()")}}
</td>
</tr>
</tbody>
</table>

## Значення

Значення, що представляє значення числа, введеного в поле. Можна встановити усталене значення поля, включивши число в атрибут {{htmlattrxref("value", "input")}}, отак:
Expand Down Expand Up @@ -448,6 +407,49 @@ switchBtn.addEventListener("click", () => {

Також слід розглянути варіант використання атрибута [`autocomplete`](/uk/docs/Web/HTML/Attributes/autocomplete), аби допомогти користувачам заповнити форму швидше і з меншими шансами отримання помилок. Наприклад, для ввімкнення автозаповнення поштового індексу, слід задати `autocomplete="postal-code"`.

## Технічний підсумок

<table class="properties">
<tbody>
<tr>
<td><strong><a href="#znachennia">Значення</a></strong></td>
<td>{{jsxref("Number")}}, що представляє число, або порожнє</td>
</tr>
<tr>
<td><strong>Події</strong></td>
<td>
{{domxref("HTMLElement/change_event", "change")}} та
{{domxref("HTMLElement/input_event", "input")}}
</td>
</tr>
<tr>
<td><strong>Підтримувані загальні атрибути</strong></td>
<td>
{{htmlattrxref("autocomplete", "input")}},
{{htmlattrxref("list", "input")}},
{{htmlattrxref("placeholder", "input")}},
{{htmlattrxref("readonly", "input")}}
</td>
</tr>
<tr>
<td><strong>Атрибути IDL</strong></td>
<td><code>list</code>, <code>value</code>, <code>valueAsNumber</code></td>
</tr>
<tr>
<td><strong>Інтерфейс DOM</strong></td>
<td><p>{{domxref("HTMLInputElement")}}</p></td>
</tr>
<tr>
<td><strong>Методи</strong></td>
<td>
{{domxref("HTMLInputElement.select", "select()")}},
{{domxref("HTMLInputElement.stepUp", "stepUp()")}},
{{domxref("HTMLInputElement.stepDown", "stepDown()")}}
</td>
</tr>
</tbody>
</table>

## Специфікації

{{Specifications}}
Expand Down

0 comments on commit 3cba40b

Please sign in to comment.