Атрибут `size` HTML тега `<input>`

Значение и применение

Атрибут size (HTML тега <input>) определяет ширину для элемента (в символах). Только для элементов управления следующих типов: text, search, tel, url, email и password (остальные игнорируются). Значение по умолчанию 20 символов.

Поддержка браузерами

Спецификации: multipage, multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.input.size
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`size`	✓1	✓12	✓1	✓≤12.1	✓1	✓18	✓4	✓14	✓1	✓1.0	✓4.4	✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML

<input size = "number">

Значения атрибута

Значение	Описание
`number`	Задает ширину элемента `<input>` в символах (значение должно быть больше нуля). Значение по умолчанию 20.

Отличия HTML 4.01 от HTML 5

Нет.

Примеры, попробуйте сами

Атрибут size элемента input

Измените size в HTML и сравните результат.

base.css

CSS

* {
    box-sizing: border-box;
}
body {
    margin: 16px;
    color: #24364b;
    font:
        16px/1.5 system-ui,
        sans-serif;
    overflow-wrap: anywhere;
}
label {
    display: block;
    margin: 12px 0;
}
input,
select,
textarea,
button {
    max-width: 100%;
    font: inherit;
}
textarea {
    vertical-align: top;
}
button {
    margin: 4px;
    padding: 6px 10px;
}
img {
    max-width: 100%;
}
fieldset {
    min-width: 0;
}
pre {
    max-width: 100%;
    overflow: auto;
}
:focus-visible {
    outline: 2px solid #35658a;
    outline-offset: 2px;
}

table {
    border-collapse: collapse;
    max-width: 100%;
}
th,
td {
    border: 1px solid #8094a6;
    padding: 8px;
    text-align: left;
}

index.html