Input type text: HTML input type=»text»

Полезные заметки php, jquery, mysql, ubuntu, android

  • admin

    Очень часто бывает такая задача: просклонять слово в зависимости от числа и вывести не 21 комментариев а 21 комментарий и […]

    Read more

  • irusik

    В это статье мы рассмотрим как вставить в таблицу Excel одну или несколько строк.

    Read more

  • irusik

    В большинстве случаев информация воспринимается гораздо лучше, если она представлено наглядно — в виде графика или диаграммы. В Эксель есть […]

    Read more

  • 12 ноября, 2018 irusik

    Excel предлагает очень много возможностей для работы с данными. В нем можно проводить безумное количество вычислений без особого труда. В […]

    Read more

  • irusik

    При создании документа в Microsoft Excel по умолчанию применяется шрифт Calibri с размером 11 px. Иногда необходимо его изменить, увеличить […]

    Read more

  • admin

    Иногда возникает такая задача, которая может казаться довольно глупой

    Read more

  • 29 октября, 2018 irusik

    Часто возникает необходимость посмотреть сохраненные пароли в браузере, например, для того, чтобы передать его кому-то или набрать на другом устройстве. […]

    Read more

  • irusik

    Случалось ли вам работать в большим количеством вкладок в браузере? Если да, то наверняка вы закрывали нужные вкладки. В этой […]

    Read more

  • admin

    Как то раз задался вопросом: как можно отслеживать исходящий трафик с сервера на centos, debian или ubuntu?

    Read more

  • irusik

    На сегодняшний день Яндекс является самой популярной поисковой системой в России и СНГ. В этой статье мы рассмотрим как сделать […]

    Read more

  • irusik

    Иногда необходимо сфотографировать экран монитора. Существует несколько способов сделать снимок экрана на компьютере или ноутбуке с системой Windows. Рассмотрим самый […]

    Read more

  • 12 ноября, 2018 irusik

    Всем известно, что интернет-браузеры сохраняют историю посещений и поиска. Иногда требуется полностью стереть историю просмотров.

    Read more

  • Популярное
  • Новое

    Элементы типа text создают базовые однострочные поля.

    <input> Элементы <input> типа text создают базовые однострочные текстовые поля.

    Try it

    Value Строка,представляющая текст,содержащийся в текстовом поле.
    Events change и input
    Поддерживаемые общие атрибуты autocomplete , list , maxlength , minlength , pattern , placeholder , только readonly , required и size
    IDL attributes list, value
    DOM interface

    HTMLInputElement

    Methods select() , setRangeText() и setSelectionRange() .

    Value

    Атрибут value представляет собой строку, содержащую текущее значение текста, введенного в текстовое поле. Вы можете получить это, используя свойство value HTMLInputElement в JavaScript. value

    let theText = myTextInput.value;
    

    Если для входных данных не установлены ограничения проверки (дополнительные сведения см. в разделе Проверка ), значение может быть пустой строкой ( "" ).

    Additional attributes

    В дополнение к атрибутам, которые работают со всеми элементами <input> независимо от их типа, текстовые поля поддерживают следующие атрибуты.

    list

    Значения атрибута list — это id элемента <datalist> , находящегося в том же документе. <datalist> предоставляет список предопределенных значений предложить пользователю для этого входа. Любые значения в списке, несовместимые с type , не включаются в предлагаемые параметры. Предоставленные значения являются предложениями, а не требованиями: пользователи могут выбрать из этого предопределенного списка или указать другое значение.

    maxlength

    Максимальное количество символов (в единицах кода UTF-16), которое пользователь может ввести при вводе text . Это должно быть целое число 0 или больше. Если нет maxlength не указано, или указано недопустимое значение, то text вход не имеет максимальную длину. Это значение также должно быть больше или равно значению minlength .

    Входные данные не пройдут проверку ограничения, если длина текстового значения поля превышает maxlength кодовых единиц UTF-16. Проверка ограничений применяется только тогда, когда значение изменяется пользователем.

    minlength

    Минимальное количество символов (в единицах кода UTF-16), которое пользователь может ввести при вводе text . Это должно быть неотрицательное целое число, меньшее или равное значению, заданному параметром maxlength . Если нет minlength не указано, или указано недопустимое значение, то text вход не имеет минимальную длину.

    Входные данные не пройдут проверку ограничения, если длина текста, введенного в поле, меньше minlength кодовых единиц UTF-16. Проверка ограничений применяется только тогда, когда значение изменяется пользователем.

    pattern

    pattern атрибут, если указана, является регулярным выражением , что входное в value должно совпадать для того , чтобы передавать значение ограничения проверки . Это должно быть допустимое регулярное выражение JavaScript, используемое типом RegExp и описанное в нашем руководстве по регулярным выражениям ; 'u' флаг задан при компиляции регулярного выражения, так что рисунок рассматривается как последовательность кодовых точек Unicode, а не как ASCII. Вокруг текста шаблона не следует указывать косую черту.

    Если указанный шаблон не указан или является недействительным,регулярное выражение не применяется и данный атрибут игнорируется полностью.

    Примечание. Используйте атрибут title , чтобы указать текст, который большинство браузеров будет отображать в виде всплывающей подсказки, чтобы объяснить, какие требования предъявляются к шаблону. Вы также должны включить рядом другой пояснительный текст.

    Дополнительные сведения и пример см. в разделе «Указание шаблона» .

    placeholder

    placeholder атрибут является строкой , которая предоставляет краткую подсказку пользователю относительно того , какой информации , как ожидается , в этой области. Это должно быть слово или короткая фраза, демонстрирующая ожидаемый тип данных, а не пояснительное сообщение. Текст не должен включать символы возврата каретки или перевода строки.

    Если содержимое элемента управления имеет одно направление ( LTR или RTL ), но необходимо представить заполнитель в противоположном направлении, вы можете использовать символы форматирования двунаправленного алгоритма Unicode, чтобы переопределить направление внутри заполнителя; Дополнительные сведения см. в разделе Как использовать элементы управления Unicode для двунаправленного текста .

    Примечание. По возможности избегайте использования атрибута placeholder Это не так полезно с семантической точки зрения, как другие способы объяснения вашей формы, и может вызвать неожиданные технические проблемы с вашим контентом. Дополнительные сведения см. в разделе Заполнители недоступны в элементе <input>: The Input (Form Input) .

    readonly

    Логический атрибут, который, если он присутствует, означает, что это поле не может редактироваться пользователем. Однако его value может быть изменено кодом JavaScript, напрямую устанавливающим HTMLInputElement value HTMLInputElement .

    Примечание. Поскольку поле, доступное только для чтения, не может иметь значения, required не влияет на входные данные, для которых также указан атрибут readonly .

    size

    size атрибут является числовым значением , указывающим , сколько символов в ширине поле ввода должно быть. Значение должно быть числом больше нуля, а значение по умолчанию — 20. Поскольку ширина символов различается, это может быть или не быть точным, и на это не следует полагаться; результирующий ввод может быть уже или шире, чем указанное количество символов, в зависимости от символов и шрифта (используемых настроек font ).

    Это не устанавливает ограничения на количество символов, которые пользователь может ввести в поле. Он лишь указывает приблизительно, сколько можно увидеть одновременно. Чтобы установить верхний предел длины входных данных, используйте атрибут maxlength .

    spellcheck

    spellcheck — это глобальный атрибут, который используется для указания, следует ли включать проверку орфографии для элемента. Его можно использовать с любым редактируемым контентом, но здесь мы рассмотрим особенности, связанные с использованием

    spellcheck для элементов <input> . Допустимые значения для spellcheck :

    false

    Отключите проверку орфографии для этого элемента.

    true

    Включите проверку орфографии для этого элемента.

    "" (пустая строка) или без значения

    Следуйте поведению элемента по умолчанию для проверки орфографии. Это может быть основано на настройках spellcheck родителей или других факторах.

    В поле ввода может быть включена проверка орфографии, если для него не установлен атрибут только для чтения и он не отключен.

    Значение, возвращаемое при чтении spellcheck может не отражать фактическое состояние проверки орфографии в элементе управления, если настройки пользовательского агента переопределяют настройку.

    Non-standard attributes

    Следующие нестандартные атрибуты также доступны в некоторых браузерах.Как правило,вам следует избегать их использования,если только это не поможет.

    autocorrect

    В расширении Safari атрибут autocorrect представляет собой строку, которая указывает, следует ли активировать автоматическое исправление, когда пользователь редактирует это поле. Допустимые значения:

    on

    Включает автоматическую коррекцию опечаток,а также обработку подстановок текста,если они настроены.

    off

    Отключить автоматическое исправление и замену текста.

    mozactionhint

    Расширение Mozilla,которое дает подсказку о том,какое действие будет предпринято,если пользователь нажмет кнопкуEnterorReturnво время редактирования поля.

    Этот атрибут устарел: вместо него используйте глобальный атрибут enterkeyhint .

    Использование текстовых вводов

    <input> Элементы <input> типа text создают простые однострочные вводы. Вы должны использовать их везде, где вы хотите, чтобы пользователь вводил однострочное значение, и нет более конкретного типа ввода, доступного для сбора этого значения (например, если это дата , URL , адрес электронной почты или поисковый запрос , вы У меня есть варианты получше).

    Basic example

    <form>
      <div>
        <label for="uname">Choose a username: </label>
        <input type="text" name="name">
      </div>
      <div>
        <button>Submit</button>
      </div>
    </form>
    

    Это выглядит так:

    При отправке пара данных имя / значение, отправляемая на сервер, будет иметь вид name=Chris (если перед отправкой в ​​качестве входного значения было введено «Chris»). Вы должны не забыть включить атрибут name в элемент <input> , иначе значение текстового поля не будет включено в отправленные данные.

    Setting placeholders

    Вы можете предоставить полезный заполнитель внутри своего текстового ввода, который может дать подсказку о том, что вводить, включая использование атрибута placeholder . Взгляните на следующий пример:

    <form>
      <div>
        <label for="uname">Choose a username: </label>
        <input type="text" name="name"
               placeholder="Lower case, all one word">
      </div>
      <div>
        <button>Submit</button>
      </div>
    </form>
    

    Ниже вы можете посмотреть,как отображается информация о держателе пластинки:

    Заполнитель обычно отображается более светлым цветом, чем цвет переднего плана элемента, и автоматически исчезает, когда пользователь начинает вводить текст в поле (или всякий раз, когда поле имеет значение, установленное программно путем установки его атрибута value .

    Размер элемента физического ввода

    Физическим размером поля ввода можно управлять с помощью атрибута size . С его помощью вы можете указать количество символов, которое вводимый текст может отображать одновременно. Это влияет на ширину элемента, позволяя указать ширину в символах, а не в пикселях. В этом примере, например, ширина ввода составляет 30 символов:

    <form>
      <div>
        <label for="uname">Choose a username: </label>
        <input type="text" name="name"
               placeholder="Lower case, all one word"
               size="30">
      </div>
      <div>
        <button>Submit</button>
      </div>
    </form>
    

    © 2005–2022 MDN contributors.
    Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text

    • 1
    • 126
    • 127
    • 128
    • 129
    • 130
    • 266
    • Next

    Validation


    Вот как он определяет поля ввода текста в HTML »

    Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнайте больше

    Значение
    Как определить тип ввода в HTML (все значения и атрибуты)
    Что делает Тип ввода текста: вот как он определяет поля ввода текста в HTML ?
    Определяет поле ввода текста в форме.

    Содержание

    • 1 Пример кода
    • 2 Поддержка браузером текста
    • 3 Все значения типа
    • 4 Все атрибуты ввода

    Пример кода

     

    Введите свое имя здесь

    Текст значение ввод определяет однострочное поле ввода текста.

    Если вам нужно скрыть содержимое поля ввода текста, в целях безопасности используйте вместо этого тип ввода пароль .

    Клэр Бродли

    Клэр — опытный технический писатель, редактор и энтузиаст HTML. Она пишет для HTML.com и руководит контент-агентством Red Robot Media.

    Браузер Поддержка текста

    All All All All All All

    All values ​​of type

    Value name Notes
    text Defines a поле ввода текста в форме.
    флажок Определяет флажок, который пользователь может включать и выключать.
    радио Определяет круглую кнопку выбора в форме.
    пароль Отображает скрытое поле ввода пароля.
    скрыто Определяет поле в форме, которое не видно пользователю.
    submit Определяет кнопку, которая нажимается для отправки формы.
    сброс Определяет кнопку в форме, которая вернет все поля к значениям по умолчанию.
    кнопка Определяет ввод в виде кнопки.
    файл Определяет окно загрузки файла с кнопкой просмотра.
    изображение Определяет изображение, которое щелкают, чтобы отправить форму.

    Все атрибуты ввода

    Имя атрибута Значения Примечания
    шаг 9005 Шаг 9005 Задает интервал между допустимыми значениями ввода.
    required Указывает, что поле ввода является обязательным; запрещает отправку формы и предупреждает пользователя, если обязательное поле пусто.
    только для чтения Запрещает пользователю редактировать значение ввода.
    заполнитель Задает текст-заполнитель в текстовом вводе.
    шаблон Указывает регулярное выражение, по которому проверяется значение ввода.
    несколько Позволяет пользователю вводить несколько значений при загрузке файла или вводе по электронной почте.
    мин. Задает минимальное значение для полей ввода чисел и дат.
    max Задает максимальное значение для полей ввода чисел и дат.
    список Указывает идентификатор элемента , который предоставляет список предложений автозаполнения для поля ввода.
    height Определяет высоту входного изображения.
    цель формы Указывает контекст просмотра, в котором следует открыть ответ от сервера после отправки формы. Для использования только с типами ввода «отправить» или «изображение».
    formmethod Указывает метод HTTP (GET или POST), который будет использоваться при отправке данных формы на сервер. Только для использования с типами ввода «отправить» или «изображение».
    formenctype Указывает способ отправки данных формы на сервер. Только для использования с типами ввода «отправить» и «изображение».
    formaction Указывает URL-адрес для отправки формы. Может использоваться только для type=»submit» и type=»image».
    форма Указывает форму, которой принадлежит поле ввода.
    autofocus Указывает, что поле ввода должно быть в фокусе сразу после загрузки страницы.
    тип текст
    флажок
    радио
    пароль
    скрыто
    отправить
    сброс
    кнопка
    файл
    изображение
    Определяет тип ввода.
    имя Указывает имя элемента ввода. Имя и значение каждого элемента ввода включаются в HTTP-запрос при отправке формы.
    значение Определяет начальное значение или выбор по умолчанию для поля ввода.
    размер Определяет ширину ввода в символах.
    maxlength Определяет максимальное количество символов, которые можно ввести в текстовый ввод.
    Checked Указывает, должен ли ввод флажка или переключателя быть отмечен по умолчанию.
    граница Используется для указания границы ввода. Устарело. Вместо этого используйте CSS.
    src Определяет URL-адрес источника для входного изображения.
    отключено Отключает поле ввода.
    ключ доступа Определяет сочетание клавиш для элемента.
    язык Используется для указания языка сценариев, используемого для событий, инициируемых вводом.
    autocomplete Указывает, должен ли браузер пытаться автоматически завершать ввод на основе данных, введенных пользователем в аналогичные поля.

    элемент ввода (тип=текст)

    Если вы не знаете, что такое элемент или как вы должны его использовать, я рекомендую вам прочитать руководство « Теги и атрибуты HTML », которое вы можете найти в разделе руководств HTML .

    Содержание

    • 01Описание
    • 02Примеры
    • 03Атрибуты
      • Специальные атрибуты
      • Глобальные атрибуты
    • 04События
      • Глобальные события

    Описание

    Элемент input , имеющий значение text в атрибуте типа , представляет собой поле для ввода текста. Элемент управления, связанный с этим полем, представляет собой текстовое поле, которое позволяет пользователям редактировать одну строку простого текста. Элементы управления текстом полезны для сбора коротких фрагментов текста, таких как заголовки, имена, фамилии, краткие описания, ключевые слова, теги и т. д.

    Содержимое атрибута value в этом элементе представляет начальное значение элемента управления. Это значение должно отображаться при загрузке документа и при нажатии кнопки сброса в форме .

    Примеры

    В нашем первом примере мы создадим форму с тремя элементами управления вводом текста. Поскольку мы почти уверены, что пользователь, просматривающий страницу, — Джон, мы поместим его имя в значение 9.0013 атрибут первого элемента управления.

    В третьем элементе управления мы будем использовать атрибут заполнителя , который был введен в HTML 5. Этот атрибут позволяет нам дать подсказку о данных, которые должны быть предоставлены в элементе управления, например, примеры или краткие описания. Эта подсказка будет отображаться внутри элемента управления (как если бы это было значение) только до тех пор, пока элемент управления не имеет реального значения. Когда пользователь начнет вводить текст, заполнитель будет удален из элемента управления.

     

    Имя:

    Фамилия:

    Любимый вид спорта:

    Имя:

    Фамилия:

    Любимый вид спорта:

    Во втором примере мы будем использовать некоторые другие атрибуты: size для установки ширины элемента управления в виде количества видимых символов и maxlength для установки максимального количества символов, которое может иметь значение.

    Авторы не должны полагаться на атрибуты minlength и maxlength . Пользователи могли отправить из с браузерами (некоторые намеренно) не поддерживающими эти функции.

     
      

    Введите код:

    Введите ваш код:

    В нашем третьем примере мы исследуем пару атрибутов, которые могут быть ошибочно приняты за одинаковый эффект. Первый атрибут только для чтения , который запрещает пользователю редактировать значение элемента управления, но позволяет ему выбирать и копировать его текст. Атрибут disabled , с другой стороны, идет дальше, не позволяя пользователю выбирать или копировать его текст, а также предотвращает отправку значения элемента при отправке формы.

    Здесь вы сможете увидеть, как эти атрибуты влияют на взаимодействие и, особенно, как данные отправляются (или не отправляются) на сервер.

     
      

    Текст только для чтения:

    Отключенный текст:

    Текст только для чтения:

    Отключенный текст:

    Теперь давайте проверим еще один новый атрибут в HTML 5: list . Этот атрибут связывает элемент управления с элементом списка данных , ссылаясь на его атрибут id . Связанный список данных предоставляет ряд предложений, которые пользователи могут выбрать для автоматического заполнения значения элемента управления.

    Поддержка браузером списка данных неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

     
      

    Модель:

    <список данных>

    Модель:

    Наш последний пример объединяет два атрибута, также новых в HTML 5, которые обычно хорошо работают вместе. Это шаблон и требуемый . Их важность становится очевидной, когда автору необходимо установить правила относительно формата данных, которые могут быть введены в элемент управления.

    Атрибут шаблона помогает, устанавливая регулярное выражение, которому должно соответствовать любое входное значение. Когда он установлен, заголовок 9Атрибут 0013 имеет особое значение, так как он отвечает за объяснение правил, которые применяются к полю. Браузеры могут использовать эту информацию для составления сообщения об ошибке, отображаемого пользователю после неудачной отправки.

    С другой стороны, атрибут required запрещает пользователям оставлять поле пустым. Оба атрибута вместе указывают, что элемент управления должен быть заполнен, и определяют, как он должен быть заполнен.

    Наличие этих атрибутов означает, что отправка формы будет запрещена до тех пор, пока их требования не будут выполнены. Браузеры будут отображать сообщения об ошибках, когда пользователи пытаются отправить несоответствующие поля.

    Регулярное выражение представляет собой последовательность символов, которая образует шаблон поиска, в основном для использования в сопоставлении шаблонов со строками или операциях, подобных поиску и замене.

    Поддержка браузером атрибута required неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

     
      

    Код безопасности:

    Код безопасности:

    Атрибуты

    Особые атрибуты

    автофокус

    Логическое значение, указывающее браузеру установить фокус на этот элемент управления, когда документ завершит загрузку или когда показано диалоговое окно , в котором находится элемент управления. Если атрибут имеет значение "автофокус" или пустую строку (""), или если он просто присутствует, элемент управления должен получить фокус как можно скорее, после загрузки страницы или диалогового окна .

    Пример

     

    Введите имя пользователя:

    имя_директории

    Имя для нового поля, специально созданного для передачи направленности вводимого текста. Этот атрибут, новый в HTML 5, позволяет авторам правильно обрабатывать значения, отправленные с любой направленностью текста, путем добавления поля, отправленного с формой. Имя этого поля будет значением этого атрибута.

    Будучи относительно новым, поддержка браузером атрибута dirname является неполной. Авторы должны проверять поддержку, когда данные получены на стороне сервера.

    Пример

     
      

    Некоторый текст:

    Немного текста:

    отключен

    Логическое значение, указывающее, отключен элемент управления или нет. Если атрибут принимает значение «отключено» или пустую строку («»), или если он просто присутствует, элемент управления будет отключен.

    Отключенные элементы управления отображаются серым цветом (если они видны), блокируются для взаимодействия с пользователем и, что более важно, их значения (если есть) не отправляются при заполнении формы представлен.

    Пример

     
      

    Некоторый текст:

    Немного текста:

    форма

    Значение атрибута id формы, с которой связан данный элемент управления.

    Этот атрибут является новым в HTML 5 и помогает определить релевантность элементов управления во вложенных или удаленных формах.

    Пример

     

    Некоторый текст:

    Какой-то текст:

    список

    Маркер, соответствующий значению атрибута id списка данных , с которым связан этот элемент управления. Список данных , на который ссылается этот атрибут, предоставит ряд предложений, которые пользователи могут выбрать для автозаполнения элемента управления.

    Поддержка браузером списка данных неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

    Пример

     
      

    Любимый питомец:

    <список данных>

    Любимый питомец:

    максимальная длина

    Целое число, указывающее максимальное количество символов, которое может иметь значение этого элемента управления.

    Авторы не должны полагаться на атрибут maxlength . Пользователи всегда могут отправить форму , если браузеры (некоторые намеренно) не поддерживают эту функцию.

    Пример

     
      

    Введите код:

    Введите ваш код:

    минимальная длина

    Целое число, указывающее минимальное количество символов, которое может иметь значение этого элемента управления.

    Авторы не должны полагаться на атрибут minlength . Пользователи всегда могут отправить форму , если браузеры (некоторые намеренно) не поддерживают эту функцию.

    Поддержка браузером атрибута minlength крайне низка (по состоянию на 18 декабря 2014 г. ). Авторы не должны полагаться на этот атрибут, пока поддержка не вырастет.

    Пример

     
      

    Введите код:

    Введите ваш код:

    имя

    Имя элемента управления. Это имя будет отправлено браузером агенту обработки вместе с содержимым файла 9.0012 значение атрибут. Оба атрибута вместе будут соответствовать паре имя-значение, которая будет использоваться для обработки данных формы.

    В настоящее время значение isindex , ранее использовавшееся особым образом некоторыми браузерами и включенное в стандарт HTML , не разрешено в этом атрибуте.

    Пример

     
      

    Введите свой город:

    Введите свой город:

    узор

    Регулярное выражение для сопоставления со значением элемента управления перед отправкой формы . Этот атрибут можно использовать для указания формата, который пользователи должны будут соблюдать при заполнении поля. Если этот шаблон не соблюдается, при отправке будет показано сообщение об ошибке, и процесс будет отменен (если только атрибут formnovalidate не присутствует в форму или кнопку отправки).

    Атрибут title приобретает особое значение, когда присутствует этот атрибут: ожидается, что он предоставит объяснение правил, которые применяются к полю. Браузеры могут использовать информацию в заголовке для составления сообщения об ошибке, отображаемого пользователю при отмене процесса отправки.

    Регулярное выражение — это последовательность символов, которая образует шаблон поиска, в основном для использования при сопоставлении шаблонов со строками или поиск и замена подобных операций.

    Пример

     
      

    Введите свой код:

    Введите ваш код:

    заполнитель

    Текст, который должен дать подсказку о том, как следует заполнять поле, например примеры или краткие описания. Браузеры могут отображать содержимое этого атрибута в элементе управления, пока он не имеет значения. Как только пользователи начнут записывать свой собственный текст, текст-заполнитель должен исчезнуть из элемента управления.

    Авторы не должны использовать этот атрибут для замены метки. Метки должны давать заголовок, а заполнитель должен давать небольшую подсказку о том, как заполнить поле. Кроме того, ожидается, что текст-заполнитель исчезнет, ​​когда пользователь начнет вводить текст в элементе управления.

    Пример

     
      

    Штат:

    Состояние:

    только для чтения

    Логическое значение, указывающее браузеру запретить пользователю изменять значение элемента управления. Если этот атрибут имеет значение «только для чтения» или пустую строку («»), или если он просто присутствует, пользователю не будет разрешено изменять значение в элементе управления.

    Хотя этот атрибут запрещает редактирование значения элемента управления, не все взаимодействия блокируются: пользователи по-прежнему смогут выбирать и копировать текст в элементе управления.

    Пример

     
      

    Имя пользователя:

    Имя пользователя:

    требуется

    Логическое значение, указывающее, можно ли оставить этот элемент управления пустым или нет. Если этот атрибут имеет значение «обязательный» или пустую строку («»), или если он просто присутствует, пользователь должен будет заполнить элемент управления, чтобы иметь возможность отправить форму .

    Если элемент управления с обязательным атрибутом оставить пустым, поддерживающие браузеры выдадут ошибку при отправке и немедленно отменят процесс.

    Поддержка браузером атрибута required неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

    Пример

     
      

    Заголовок:

    Название:

    размер

    Целое число, используемое в качестве ширины элемента, в количестве символов, которые должны одновременно отображаться в элементе управления.

    Поскольку символы обычно имеют разную ширину, браузеры могут определять ширину символов в соответствии с определенными критериями (такими как средняя или максимальная ширина).

    Пример

     
      

    Код:

    тип

    Значение, указывающее тип поля, которое представляет этот элемент. Возможны двадцать два значения (без учета регистра):

    .
    • скрытый: скрытый элемент управления, используемый для отправки информации на сервер, обычно управляемый сценариями.
    • текст: элемент управления, используемый для ввода однострочного фрагмента текста.
    • поиск: то же, что и текст, но для целей поиска.
    • тел: элемент управления, используемый для предоставления номера телефона.
    • URL-адрес
    • : текстовое поле, используемое для ввода единственного и абсолютного URL-адреса .
    • Электронная почта
    • : элемент управления, предназначенный для редактирования одного или нескольких адресов электронной почты.
    • пароль: текстовое поле для редактирования паролей, где символы представлены точками.
    • дата: элемент управления для ввода конкретной даты.
    • месяц: элемент управления для ввода определенного месяца.
    • неделя: элемент управления для ввода конкретной недели.
    • время: элемент управления для ввода определенного времени.
    • datetime-local: элемент управления для ввода конкретной локальной даты и времени.
    • число: элемент управления для ввода числа.
    • диапазон: элемент управления для ввода одного или двух чисел внутри диапазона.
    • цвет: элемент управления для ввода цвета.
    • флажок: элемент управления для ввода логического значения (истина/ложь).
    • Радио
    • : элемент управления, используемый для выбора одного варианта из многих.
    • файл: элемент управления, используемый для загрузки файлов на сервер.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *