Как запретить ввод в input html

HTML JS запретить ввод текста в INPUT

Есть input type text в который при определенных условиях нужно запретить ввод текста. Я знаю о существовании атрибута disabled но хотел бы узнать есть ли прямая альтернатива по аналогии к примеру с ссылкой: a href=»/» onclick=»return false;» то есть мы не добавляем ссылке никаких атрибутов или свойств, просто при клике «пропускаем переход». Возможно ли сделать такое же в input ? Чтобы он так же оставался enabled с мигающим индикатором, но при вводе текста чтобы просто ничего не происходило и значение не вписывалось.

Отслеживать
задан 20 авг 2018 в 8:34
1 1 1 золотой знак 1 1 серебряный знак 1 1 бронзовый знак
Чем атрибут readonly не угодил?
20 авг 2018 в 8:39
@andreymal мне не угодил disabled, а readonly про который я забыл то что надо, спасибо.
20 авг 2018 в 9:46

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

Правильным решением будет использовать атрибут readonly , а не disabled и не скрипты:

Отслеживать
ответ дан 21 авг 2018 в 17:05
122k 24 24 золотых знака 124 124 серебряных знака 299 299 бронзовых знаков

Можно повесить обработчик событий, который будет «удалять» нативный функционал

const input = document.getElementById('input'); input.oninput = e => < e.target.value = ''; // не важно, что ввели, значение всегда пустое будет >

Запрет ввода в Инпут со список

список подтягивается из БД и раскрывается при двух кликах по полю, вот нужно запретить вводить туда с клавы другие значения.

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Есть ли способ задать маску ввода типа DD.MM.YYYY в инпут не прибегая к JS
Всем Доброго времени суток. Такой вопрос возник: есть ли способ задать маску ввода типа DD.MM.YYYY.

Список при нажатии на инпут
Доброго всем времени суток, в общем бьюсь с проблемой уже не первый день, может кто поможет. В.

Как сделать запрет ввода букв в поле для ввода input
Здравствуйте! Есть стандартное поле ввода <input type=’text’ name=’name1′ size=’30’.

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

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Читать:

Как преобразовать строку в число 1с

Запрет ввода только минуса в ячейке StringGrid, и запрет на ввод минуса между цифрами
Ребята,очень нужна ваша помощь!Нужно сделать запрет ввода ТОЛЬКО минуса в ячейке и запрет на ввод.

Запрет ввода
Здравствуйте. Помогите,пожалуйста. Мне необходимо сделать что бы в edit можно было вводить только.

запрет ввода
как сделать так, что бы 1) в edit1 нельзя было ввести какой-либо символ кроме тех, которые.

Запрет ввода
У меня есть 2 текстбокса. Как сделать так, чтобы я могла туда вводить только числа?

Запрет ввода е
Здраствуйте Есть проблема Нужно сделать чтобы в полее вводились только числа написал функцию .

Как ограничить ввод данных в текстовое поле

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

Ограничить максимальную длину

Атрибут maxlenght устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле, работает только c типом text и password .

Тоже самое делает атрибут size , но лучше его не использовать т.к. этот атрибут не работает в Google Chrome.

Атрибут readonly

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

Синтаксис

Значения

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

По умолчанию это значение выключено.

HTML5 IE Cr Op Sa Fx

    Тег INPUT, атрибут readonly

Результат примера показан на рис. 1.

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

Рис. 1. Текстовое поле только для чтения

Примечание

Браузеры Firefox и Internet Explorer позволяют в поле для чтения установить курсор и выделять текст с помощью клавиатуры. Opera, Chrome и Safari допускают выделение только мышью.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.