Css input: : The Input (Form Input) element — HTML: HyperText Markup Language

• Css
• 20 Авг, 2023
• 0

Подписи к значкам

Свяжитесь с нами

❮ Предыдущий Далее ❯

ВЫБОР ЦВЕТА

Лучшие учебники

Лучшие ссылки

903 87 Лучшие примеры Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

ФОРУМ | О

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

HTMLInputElement — веб-API | MDN

Интерфейс HTMLInputElement

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

выровнять Устаревший

string : Представляет выравнивание элемента. Вместо этого используйте CSS.

автокапитализация «> Экспериментальный

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

Значение по умолчанию

строка : Возвращает/устанавливает значение по умолчанию, изначально указанное в HTML, который создал этот объект.

имя_каталога

строка : Возвращает/устанавливает направленность элемента.

режим ввода

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

этикетки Только чтение

NodeList массив: Возвращает список из элементов , которые являются метками для этого элемента.

список Только чтение

HTMLЭлемент : Возвращает элемент, на который указывает атрибут списка . Свойство может иметь значение null , если в том же дереве не найден элемент HTML.

несколько

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

имя

строка : Возвращает/задает атрибут name элемента, содержащий имя, которое идентифицирует элемент при отправке формы.

поповертаржетактион Экспериментальный

Получает и задает действие, которое должно быть выполнено ( "скрыть" , "показать" или "переключить" ) над элементом всплывающего окна, управляемым элементом типа type="button" . Он отражает значение HTML-атрибута popovertargetaction .

popoverTargetElement Экспериментальный

Получает и устанавливает элемент popover для управления через элемент типа type="button" . JavaScript-эквивалент HTML-атрибута popovertarget .

ступенька

строка : Возвращает/задает атрибут шага элемента, который работает с min и max для ограничения приращений, с которыми может быть установлено числовое значение или значение даты и времени. Это может быть строка , любое или положительное число с плавающей запятой. Если для этого параметра не установлено значение любой , элемент управления принимает только значения, кратные значению шага, превышающему минимум.

тип

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

карта использования Устаревший

строка : Представляет карту изображения на стороне клиента.

значение

строка : Возвращает/устанавливает текущее значение элемента управления. Если пользователь вводит значение, отличное от ожидаемого, это может вернуть пустую строку.

значениеAsDate

Дата : Возвращает/устанавливает значение элемента, интерпретируемое как дата, или ноль , если преобразование невозможно.

значение как число

double : Возвращает значение элемента, интерпретируемое как одно из следующего, в следующем порядке: значение времени, число или NaN , если преобразование невозможно

форма Только чтение

HTMLFormElement : Возвращает ссылку на родительский элемент.

formAction

string : Возвращает/устанавливает атрибут formaction элемента, содержащий URL-адрес программы, которая обрабатывает информацию, переданную элементом. Это отменяет действие атрибут родительской формы.

формаEnctype

строка : Возвращает/устанавливает атрибут formenctype элемента, содержащий тип содержимого, которое используется для отправки формы на сервер. Это переопределяет атрибут enctype родительской формы.

метод формы

строка : Возвращает/устанавливает элемент formmethod Атрибут, содержащий HTTP-метод, используемый браузером для отправки формы. Это переопределяет атрибут метода родительской формы.

formNoValidate

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

формаЦель

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

Свойства экземпляра, применимые к любому типу элемента ввода, который не скрыт

автофокус

boolean : Возвращает/задает атрибут autofocus элемента, который указывает, что элемент управления формы должен иметь фокус ввода при загрузке страницы, если только пользователь не переопределит его, например, введя другой элемент управления. Только один элемент формы в документе может иметь атрибут autofocus .

отключен

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

требуется

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

validationMessage Только чтение

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

достоверность Только чтение

ValidityState : Возвращает текущее состояние допустимости элемента.

будет проверять Только чтение

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

Свойства экземпляра, применимые только к элементам типа checkbox или radio

проверено

логическое значение : Возвращает/устанавливает текущее состояние элемента.

по умолчаниюПроверено

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

неопределенный

логическое значение : Возвращает независимо от того, находится ли флажок или переключатель в неопределенном состоянии. Для флажков эффект заключается в том, что внешний вид флажка каким-то образом скрыт/затенен серым цветом, чтобы указать, что его состояние неопределенно (не установлен, но не снят). Не влияет на значение проверенного атрибута , и при установке флажка для этого значения будет установлено значение false.

Свойства экземпляра, применимые только к элементам типа image

alt

string : Возвращает/устанавливает атрибут alt элемента, содержащий альтернативный текст для использования.

высота

string : Возвращает/задает атрибут height элемента, который определяет высоту изображения, отображаемого для кнопки.

источник

string : Возвращает/задает атрибут src элемента, который указывает URI для местоположения изображения, отображаемого на графической кнопке отправки.

ширина

строка : Возвращает/задает атрибут ширины элемента, который определяет ширину изображения, отображаемого для кнопки.

Свойства экземпляра, которые применяются только к элементам типа файла

принять

string : Возвращает/устанавливает атрибут accept элемента, содержащий разделенный запятыми список типов файлов, которые можно выбрать.

разрешения Нестандартный

логическое значение : часть нестандартного API загрузки каталогов. Указывает, разрешать ли выбирать каталоги и файлы в списке файлов. Реализовано только в Firefox и скрыто за настройкой.

файлы

FileList : Возвращает/устанавливает список объектов File , представляющих файлы, выбранные для загрузки.

webkitdirectory

логическое значение : Возвращает атрибут webkitdirectory . Если true , интерфейс средства выбора файловой системы принимает только каталоги вместо файлов.

webkitEntries

FileSystemEntry массив: Описывает выбранные в данный момент файлы или каталоги.

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

автозаполнение

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

макс.

string : Возвращает/задает атрибут max элемента, содержащий максимальное (числовое или дата-время) значение для этого элемента, которое не должно быть меньше его минимального ( min атрибут ) значения.

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

unsigned long : Возвращает/устанавливает атрибут maxlength элемента, содержащий максимальное количество символов (в кодовых точках Unicode), которое может иметь значение.

мин

string : Возвращает/задает атрибут min элемента, содержащий минимальное (числовое или дата-время) значение для этого элемента, которое не должно превышать его максимальное ( max атрибут ) значение.

минДлина

unsigned long : Возвращает/устанавливает атрибут minlength элемента, содержащий минимальное количество символов (в кодовых точках Unicode), которое может иметь значение.

образец

string : Возвращает/задает атрибут шаблона элемента, содержащий регулярное выражение, по которому проверяется значение элемента управления. Используйте атрибут title для описания шаблона, чтобы помочь пользователю. Этот атрибут применяется только в том случае, если значение атрибута type равно text , search , tel , url или email .

заполнитель

строка : Возвращает/задает атрибут заполнителя элемента, содержащий подсказку пользователю о том, что можно ввести в элемент управления. Текст заполнителя не должен содержать символы возврата каретки или перевода строки. Этот атрибут применяется только в том случае, если значение атрибута type равно text , search , tel , url или email .

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

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

Конец выбора

unsigned long : Возвращает/устанавливает конечный индекс выделенного текста. Если выделения нет, возвращается смещение символа сразу после текущей позиции курсора ввода текста.

выборНачало

unsigned long : Возвращает/устанавливает начальный индекс выделенного текста. Когда ничего не выбрано, возвращается положение курсора ввода текста (каретки) внутри <ввод> элемент.

выбор направления

строка : Возвращает/устанавливает направление, в котором произошел выбор. Возможные значения: вперед (выбор был выполнен в направлении от начала до конца текущей локали), назад (противоположное направление) или нет (направление неизвестно).

размер

unsigned long : Возвращает/устанавливает атрибут размера элемента , содержащий визуальный размер элемента управления. Это значение указывается в пикселях, если только значение типа не равно text или password , в этом случае это целое число символов. Применяется только тогда, когда тип установлен на текст , поиск , тел , URL , электронная почта или пароль .

размытие()

Снимает фокус с элемента ввода; нажатия клавиш впоследствии никуда не денутся.

клик()

Имитирует щелчок по элементу ввода.

фокус()

Фокусируется на элементе ввода; нажатия клавиш впоследствии перейдут к этому элементу.

выбрать()

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

setSelectionRange()

Выбирает диапазон текста в элементе ввода (но не фокусирует его).

setRangeText()

Заменяет диапазон текста в элементе ввода новым текстом.

setCustomValidity()

Задает пользовательское сообщение о допустимости для элемента. Если это сообщение не является пустой строкой, то элемент страдает от пользовательской ошибки проверки и не проходит проверку.

шоуПикер()

Показывает средство выбора даты, времени, цвета и файлов в браузере.

проверитьвалидность()

Возвращает логическое значение, равное false , если элемент является кандидатом на проверку ограничения и не удовлетворяет его ограничениям. В этом случае он также запускает недопустимое событие для элемента. Он возвращает true , если элемент не является кандидатом на проверку ограничения или если он удовлетворяет его ограничениям.

достоверность отчета()

Запускает метод checkValidity() , и если он возвращает false (для недопустимого ввода или отсутствия атрибута шаблона), то он сообщает пользователю, что ввод недействителен, таким же образом, как если бы вы отправили форму.

шаг вниз()

Уменьшает значение на ( шаг * n), где n по умолчанию равно 1, если не указано иное. Выбрасывает InvalidStateError исключение:

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

шаг вверх()

Увеличивает значение by ( шаг * n), где n по умолчанию равно 1, если не указано иное. Выдает исключение InvalidStateError :

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

Прослушайте эти события, используя addEventListener() или назначив прослушиватель событий свойству oneventname этого интерфейса:

ввод

Срабатывает, когда значение элемента , или </code> было изменено. Обратите внимание, что это на самом деле запускается на интерфейсе <code> HTMLElement </code>, а также относится к <code> contenteditable </code> элемента, но мы перечислили его здесь, потому что он чаще всего используется с элементами ввода формы.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/3.bp.blogspot.com/-PuXqVv88drw/VuK2kd5Xf0I/AAAAAAAABYk/Enhmsi8FBs4wKNBCTjqYf_-v3rJzJvSyw/s1600/6666.jpg' /><noscript><img loading='lazy' src='/800/600/https/3.bp.blogspot.com/-PuXqVv88drw/VuK2kd5Xf0I/AAAAAAAABYk/Enhmsi8FBs4wKNBCTjqYf_-v3rJzJvSyw/s1600/6666.jpg' /></noscript> </p> </dd> <dt> <code> недействительный </code> </dt> <dd> <p> Инициируется, когда элемент не удовлетворяет своим ограничениям во время проверки ограничения. </p> </dd> <dt> <code> поиск </code> <abbr title="Non-standard. Check cross-browser support before using."> Нестандартный </abbr> </dt> <dd> <p> Запускается, когда инициируется поиск <code> <input> </code> из <code> type="search" </code> . </p> </dd> <dt> <code> изменение выбора </code> событие <abbr title="Experimental. Expect behavior to change in the future."> Экспериментальный </abbr> </dt> <dd> <p> Срабатывает при изменении выделения текста в элементе <code> <input> </code>. </p> </dd> </dl> <table> <thead> <tr> <th scope="col"> Спецификация </th> </tr> </thead> <tbody> <tr> <td> Стандарт HTML <br/> <small> # htmlinputelement </small> </td> </tr> </tbody> </table> 900 02 Таблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/xn----8sbanwvcjzh9e.xn--p1ai/800/600/http/luxe-host.ru/wp-content/uploads/9/6/0/960d302c39f08877bac05db3eb76bbce.jpeg' /><noscript><img loading='lazy' src='/800/600/https/xn----8sbanwvcjzh9e.xn--p1ai/800/600/http/luxe-host.ru/wp-content/uploads/9/6/0/960d302c39f08877bac05db3eb76bbce.jpeg' /></noscript><div class='yarpp-related yarpp-related-none'> <p>No related posts.</p> </div> </div> </div> <div class="post-sharrre group"> <div id="twitter" data-url="https://ylianova.ru/css/css-input-the-input-form-input-element-html-hypertext-markup-language.html" data-text="Css input: : The Input (Form Input) element — HTML: HyperText Markup Language" data-title="Tweet"></div> <div id="facebook" data-url="https://ylianova.ru/css/css-input-the-input-form-input-element-html-hypertext-markup-language.html" data-text="Css input: : The Input (Form Input) element — HTML: HyperText Markup Language" data-title="Like"></div> <div id="googleplus" data-url="https://ylianova.ru/css/css-input-the-input-form-input-element-html-hypertext-markup-language.html" data-text="Css input: : The Input (Form Input) element — HTML: HyperText Markup Language" data-title="+1"></div> <div id="pinterest" data-url="https://ylianova.ru/css/css-input-the-input-form-input-element-html-hypertext-markup-language.html" data-text="Css input: : The Input (Form Input) element — HTML: HyperText Markup Language" data-title="Pin It"></div> </div> </div> </article> <ul class="post-nav group"> <li class="next"><a href="https://ylianova.ru/raznoe-2/kak-umenshit-kartinku-v-fotoshope-izmenenie-razmera-izobrazhenij-v-photoshop.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Вперед</strong> <span>Как уменьшить картинку в фотошопе: Изменение размера изображений в Photoshop</span></a></li> <li class="previous"><a href="https://ylianova.ru/http/http-ru-jimdo-com-bring-your-business-online-websites-more-jimdo.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Http ru jimdo com: Bring Your Business Online | Websites & More – Jimdo</span></a></li> </ul> <section id="comments" class="themeform"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/css/css-input-the-input-form-input-element-html-hypertext-markup-language.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://ylianova.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required">

Имя *

Email *

Сайт