Меню

Html input value не работает

Javascript input.value Изменение не отображается в браузере

Следующее не отображает никаких изменений, которые я вижу в Chrome или Firefox:

Но консоль сообщает правильное значение в обоих. Почему? Я использую проверенный HTML5. Сценарий находится перед закрывающим тегом body .

5 ответов

Оказывается, я случайно переписал входное значение в пустую строку в другом месте скрипта, сразу после того, как я установил его с кодом в OP. Мой console.log, находясь в том месте, где он был, получил значение до того, как оно было перезаписано, поэтому оно сообщило правильное значение, несмотря на получение другого результата в браузере. Я извиняюсь за то, что не опубликовал весь сценарий, но я пытался привести сокращенный пример.

Вы используете , вместо . Редактируйте свой код, приятель:

Ваш скрипт может загружаться до вашего элемента ввода.

Попробуйте поместить свой фрагмент внизу страницы.

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

Скрипт перед закрывающим тегом body.

У вас должно быть несколько элементов с одинаковым id на странице. Просмотрите свой источник ( Ctrl + U в Firefox) и выполните поиск по input-id . Убедитесь, что только один элемент на странице имеет этот идентификатор.

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

Это должно зарегистрировать весь элемент на консоли и помочь вам в дальнейшей отладке.

Или поместите свой сценарий в конец страницы.

Источник

Html input value не работает

Вы так раскритиковали код примера, а что с того — он ведь рабочий.

А как еще, приведите пример!

Вместе с тем, я сформулировал новый вопрос — а реакции на него никакой.

Добавлено 04.02.12, 17:30
Насчет кавычек, я тоже не разделяю счастья по поводу мешанины ‘ и «. Но там это во всем коде сделано, а он объемный легче не переписывать, а застрелиться. Весь код я, наверно, и не пойму, да наверно, этого и не понадобится. Главное, чтобы я доработку сделал — и все.

Гм, ну простой пример как-то смешно делать в такой методологии. Потом, передо мной поставлена задача только добавить определенную функциональность, сделав при этом минимум правок. Поэтому изменять имеющийся подход не буду.

Касательно примера не рабочего кода. Смысла его приводить не вижу, так как я решил сделать по-другому — запоминать в самом начале $(document).ready() значения всех нужных value, например, для такой JQuery-коллекции:

А в самом конце — восстанавливать. Но не знаю, как это сделать с наименьшими кровопотерями, поэтому и прошу помощи. Таким образом, будет как бы совершенно параллельно, что там с этими value будет твориться — они все равно будут восстановлены из запомненных значений. Да, наверно, это неоптимальный подход, но опять-таки, не я с нуля писал страницу, мне сложно во всем разобраться. Как уже говорил, пробовал два разных варианта, в обоих получалось в итоге что-то не то.

Я например не заметил. Где? Можно цитату?

Куча предложений в утвердительной форме. Или тут тоже зарыт вопрос?

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

fatalist, вот целиком одно из моих предыдущих сообщений, где новый вопрос задан.

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

Я решил тогда сделать так: запоминать в каком-нибудь массиве исходные value для JQuery-коллекции инпутов, а потом в самом конце $(document).ready(), когда уже вся инициализация сделана, эти значения восстанавливать. Но вот не знаю, как это реализовать — не силен. Подскажет кто-нибудь?

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

Добавлено 05.02.12, 09:27
P.S. И да, для ясности: вопрос еще не решен.

Добавлено 05.02.12, 09:30
Можно это решить, только вручную пихая все value в массивы, а потом восстанавливая из них? Или есть все же некий механизм сериализации?

Источник

Html input value не работает

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

  • Flow content, listed, submittable, resettable, form-associated element, phrasing content.
    If the type has not the hidden value, labellable element, palpable content.
  • None, it is an empty element.
  • Must have a start tag and must not have an end tag.
  • Any element that accepts phrasing content.
  • HTMLInputElement

Атрибуты

  • Расширение файла, начинающееся с символа точки (U+002E). Наприм., ‘.jpg, .png, .doc)
  • Валидный тип MIME без расширения
  • audio/* для аудиофайлов HTML5
  • video/* для видеофайлов HTML5
  • image/* для файлов с изображениями HTML5

type Тип элемента для отображения. Если этот атрибут не указан, по умолчанию используется text . Возможными значениями являются:

  • button : Кнопка без предопределённого поведения.
  • checkbox : Флажок («чекбокс»). Следует использовать атрибут value для определения значения, которое будет отдано этим элементом. Используйте атрибут checked, чтобы указать, должен ли флажок быть выставлен. Можно также использовать атрибут indeterminate, чтобы указать, что флажок находится в неопределённом состоянии (на большинстве платформ при этом рисуется горизонтальная линия поперёк флажка).
  • color : HTML5 Элемент управления цветом. Пользовательский интерфейс выбора цвета не имеет никаких других функций, кроме принятия простых цветов в виде текста (больше информации).
  • date : HTML5 Элемент управления для ввода даты (год, месяц и день, без времени).
  • datetime : HTML5 Элемент управления для ввода даты и времени (час, минута, секунда и доля секунды) в соответствии с часовым поясом UTC.
  • datetime-local : HTML5 Элемент управления для ввода даты и времени без часового пояса.
  • email : HTML5 Поле для редактирования адреса электронной почты. Перед отправкой проверяется, что входное значение содержит либо пустую строку, либо один действительный адрес электронной почты. Соответствуют CSS псевдоклассам :valid and :invalid .
  • file : Элемент управления, который позволяет пользователю выбрать файл. Используйте атрибут accept, чтобы определить типы файлов, которые могут быть выбраны.
  • hidden : Элемент управления, которые не отображается, но чьё значение отправлено на сервер.
  • image : Кнопка вставки изображения. Вы должны использовать атрибут src, чтобы определить путь к изображению и атрибут alt — для определения альтернативного текста. Вы можете использовать атрибуты height и width, чтобы определить размер вставки изображения в пикселях.
  • month : HTML5 Элемент управления для ввода месяца и года без часового пояса.
  • number : HTML5 Элемент управления ввода числа(тип float).
  • password : Однострочное текстовое поле, чьё значение скрыто символом «звёздочка». Используйте атрибуты minlength и maxlength, чтобы указать минимальную и максимальную длину значения, которое может быть введено.

    Если не атрибут autocomplete не указан в , тогда браузер использует атрибут autocomplete формы, которая является родительской для данной формы. The form owner is either the form element that this element is a descendant of or the form element whose id is specified by the form attribute of the input element. For more information, see the autocomplete attribute in

    Источник

    HMTL сайт ввод данные в input без value

    Здравствуйте, javascript понимаю насколько возможно понимать имея опыт написания на C#.
    Столкнулся с проблемой, на сайт нужно ввести данные в input но при этом у них нету value? да и если написать в ручную результат останется нулевым.Но все же если ручками писать то он как то все правильно понимает. С таким сталкиваюсь в первые.На сайте куча скиптов на java и понятное дело что именно в тех дебрях зарыта собака.

    PS сайт написан (самими или с помощью) IBM повсюду их копирайты, да и если посетить их сайты то в любых input’ах та же история.
    Например: http://publib.boulder.ibm.com/. rtexp.html
    графа search

    Помощь в написании контрольных, курсовых и дипломных работ здесь.

    Ввод даннах в input (html) но без value
    Здравствуйте столкнулся с кодом на HTML в котором есть input’ы, но при этом у них нет атрибутов.

    Проверка input на ввод числа без отправки формы
    Добрый день. Подскажите пожалуйста, как поступить в такой ситуации? Есть input, есть button.

    Передать на сервер данные из input без отправки всей формы
    Сообщения вынесены из существующий темы в связи со сменой предмета обсуждения BANO, FraidZZ, .

    Ввод через пробел. Как остановить ввод. while(cin >> input)
    Здравствуйте. Начну с условия задания. Ввести к-во элементов массива. Заполнить массив.

    С чего ты взял что там нет value? Он есть всегда

    ELked, то есть в коде HTML не обязательно наличие атрибута value но оно все таки предполагается?
    А вот если все таки так то как я могу вставить в этот элемент свое значение?

    Как передать данные из input в другой input
    как передать дание из input в другой input .

    Hmtl глаавная
    Подскажите есть сайт при вводе домена открвается вот так(картинка) надо чтобы открывался home.html

    Ввод HTML в input
    Добрый день. Как всем известно, запрещено отправлять в контролер HTML текст. После ввода, выдает.

    Ввод из input в массив
    Добрый день. Я только начинаю программировать в js и хочу создать следующий скрипт: имеется.

    Запрет на ввод в input
    Есть например 3 input, как сделать запрет на ввод в 2 др если в один уже введена инфа

    Ввод через input
    Хочу разобраться в одной программе, но заступорился на одном месте. Кусок кода выглядит примерно.

    Источник

    Html input value не работает

    Это поле, которое позволяет выбрать цвет.

    Пример

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

    Поле ввода даты

    Поле типа date позволяет ввести дату с помощью календаря.

    Можно задать нижнюю и верхнюю границу диапазона дат атрибутами min и max.

    Пример

    Поле ввода адреса электронной почты

    Для ввода нескольких адресов можно добавить атрибут multiple, при этом для разделения адресов используется запятая (,)

    Пример

    Файл FILE

    Позволяет передать сценарию любой файл. Максимальный размер файла в байтах задается скрытым полем max_file_size.

    Пример

    Сценарий получения файла на PHP:

    Для указания возможных типов файлов используется атрибут accept:
    Для CSV files (.csv), используйте: Для Excel Files 2003-2007 (.xls), используйте: Для Excel Files 2010 (.xlsx), используйте: Для Text Files (.txt) используйте: Для Image Files (.png/.jpg/etc), используйте: Для HTML Files (.htm,.html), используйте: Для Video Files (.avi, .mpg, .mpeg, .mp4), используйте: Для Audio Files (.mp3, .wav, etc), используйте: Для PDF Files, используйте:

    Браузер Chrome понимает дополнительные атрибуты «webkitdirectory directory«, указание которых у input позволяет выбирать целые папки:

    Скрытое поле HIDDEN

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

    Пример

    Браузер не отображает скрытое поле, хотя его можно обнаружить, если перевести броузер в режим просмотра HTML-файла и проанализировать текст Web-страницы. Скрытые поля полезны, если необходимо указать требуемую для сценария информацию, но при этом нежелательно, чтобы пользователь имел возможность вносить в нее изменения. Однако учтите, что сообразительный пользователь может сохранить вашу форму в файле, отредактировать его, а затем передать эту форму серверу в измененном виде. Поэтому не стоит полагаться на скрытые поля с целью создания какой-либо защиты.

    Пример

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

    Поле ввода чисел NUMBER

    Поле предназначено для ввода чисел. Дробная часть при вводе может отделяться как точкой (2.5), так и запятой (2,5). Если пользователь введет буквы, то отправить форму на сервер не удастся.

    Пример

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

    Пример

    Для задания любого шага используйте step=»any».

    Пример

    Поле number отображается по-разному: некоторые браузеры показывают стрелочки всегда, некоторые – только при наведении или получении полем фокуса.

    Если нужно, чтобы стрелочки в поле number были всегда, задайте стиль:

    Если нужно убрать стрелочки в поле number, задайте стиль:

    Поле ввода пароля PASSWORD

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

    Пример

    Переключатель RADIO

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

    По смыслу всегда предполагается, что в форме имеется несколько переключателей с одинаковым атрибутом name. У каждого из них свое значение атрибута value. Группа переключателей с одним и тем же именем в форме ведет себя таким образом, что только один из них может быть включенным. При передаче данных передается значение только выбранного переключателя.

    Один переключатель из группы может быть изначально выбран по умолчанию с помощью атрибута checked.

    Пример

    Ползунок RANGE

    Поле предназначено для ввода числа в указанном диапазоне.

    Можно задать минимальное значение (по умолчанию 0), максимальное значение (по умолчанию 100), шаг изменения числа (по умолчанию 1) и текущее значение (по умолчанию среднее арифметическое минимального и максимального значений).

    Пример

    Ползунок сам по себе не даёт пользователю представление, какое же число он выбрал. Поэтому здесь без JavaScript не обойтись.

    Пример

    Поле range отображается разными браузерами по-разному.

    Если хотите своё оформление, задайте стили для ползунка:

    Но победить до конца стили IE11 не удастся!

    Кнопка RESET

    Это кнопка очистки формы. При ее нажатии всем измененным элементам возвращается значение по умолчанию. Применяется она достаточно редко. Однако в некоторых случаях может быть весьма полезна.

    Совет: осторожно относитесь к выбору надписи на кнопке RESET. Вполне наглядным (и, главное, интуитивно понятным даже чайнику из чайников) будет что-нибудь вроде «Очистить», «Начать сначала», «Удалить ввод» и т.п. В общем, надо, чтобы у пользователя не закралось и тени сомнения относительно предназначения этой клавиши.

    Пример

    Кнопка SUBMIT

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

    Атрибут onclick для кнопки SUBMIT практически не используется, так как лучше использовать обработчик событий onsubmit, заданный в теге

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

    Пример

    Атрибут formnovalidate может быть применен, чтобы предотвратить проверку значений формы.

    Пример

    Поле ввода TEXT

    Текстовое поле ввода используется в формах наиболее часто. Более того, его можно по праву считать основным и главнейшим элементом форм. Этот тип используется тегом по умолчанию, его можно не указывать, чтобы вывести текстовое поле. Однако, если возникнет необходимость задать стиль для селектора input[type=»text»], то тогда атрибут type=»text» пропускать нельзя.
    Имя поля, задаваемое атрибутом name, всегда обязательно, так как базируясь именно на этом параметре, браузер передает сценарию пару имя=значение.

    Пример

    Текст «Иванов» помещается в созданное поле в качестве начального значения. Если пользователь не внесет изменений или нажмет кнопку RESET, то значение Иванов будет отправлено сценарию в качестве фамилии пользователя.

    Источник

    Читайте также:  Магнитола пионер не работает панель

    Настройка и ремонт техники © 2021
    Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению.

    Adblock
    detector
fatalist