Html value checkbox: — HTML: HyperText Markup Language

javascript — значение флажка HTML возвращается только «включено»

спросил

Изменено 1 год, 11 месяцев назад

Просмотрено 195 раз

html

 <НАЗВАНИЕ ФОРМЫ="myForm" method="GET" action="{%url 'search_result'%}">
    
    <ДЕЛ>
        
        пол=10
        <дел>
            
            1.с
            
            2.а
            
            3.д
        


<ДЕЛ> <ТИП ВВОДА="флажок" ИМЯ="10">
пол=10

css

 . subCats {
        дисплей: нет;
        поле слева: 20px;
    }
    .sub {
        дисплей: нет;
        поле слева: 20px;
    }
 

javascript

 функция toggleShow (флажок) {
        var id = 'subCats' + checkbox.id;
        вар subCats =
            документ.все ? документ.все[идентификатор] :
                документ.getElementById ? документ.getElementById (идентификатор):
                    нулевой;
        если (подкатегории) {
            если (subCats.style.display == '' ||
                subCats.style.display == 'нет')
                subCats.style.display = 'блок';
            еще
                subCats.style.display = 'нет';
        }
    }
    функция toggleShow2 (флажок) {
        var id = 'sub' + checkbox.id;
        вар суб =
            документ.все ? документ.все[идентификатор] :
                документ.getElementById ? документ.getElementById (идентификатор):
                    нулевой;
        если (суб) {
            если (sub.style.display == '' ||
                sub.
style.display == 'нет') sub.style.display = 'блок'; еще sub.style.display = 'нет'; } }

при нажатии кнопки «Отправить»,
пол и название категории [] возвращают правильное значение.
например, пол=F&age=on&category_name=b Но возрастное значение возвращается только «включено». Даже если установить значение флажка, возвращать только «включено». что проблема..? Является ли код javascript неправильным?

  • JavaScript
  • Python
  • HTML
  • CSS

2

Это опечатка, неправильное написание атрибута ‘значение’ при вводе возраста, поэтому значение возрастной метки не указано.

Флажки используют «включено» в качестве значения по умолчанию, когда они отмечены флажком, поэтому вы получаете «включено» в качестве значения.

заменить

 
 

с

 
 

0

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Обработка данных флажков в HTML: вот как »

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

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

Содержание

  • 1 Пример кода
  • 2 Данные по обработке. >

    Проверьте, нравится ли вам этот сайт!

    Обработка данных флажка

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





    Отметьте все языки, которыми вы владеете.

    HTML
    CSS
    JS
    PHP
    Ruby
    INTERCAL

    Естественный способ представить это в коде вашего приложения (серверного или клиентского) — с помощью массива.

     userLangs = ['HTML', 'CSS', 'INTERCAL'] 

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

      

    Я согласен со всеми условиями.

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

     

    Отметьте все языки, которыми вы владеете.

    Если вы используете одно и то же имя для всех, ваша строка запроса будет выглядеть так: langs=HTML&langs=CSS&langs=PHP Если вы используете разные имена, это выглядит так: HTML=HTML&CSS=CSS&PHP=PHP Первый вариант кажется немного предпочтительнее, но что произойдет, когда вы доберетесь до PHP и попытаетесь получить значения?

     $langs = $_REQUEST['langs']; // Что такое $langs? 

    В PHP вы можете убедиться, что различные флажки с одинаковыми именами объединены в массив на сервере, добавив набор квадратных скобок ( [] ) после имени.

     

    Проверьте все языки, которыми вы владеете.




    < label for="PHP"> PHP


    Дополнительную информацию см. в этом учебнике по формам PHP. Этот синтаксис создания массива на самом деле является особенностью PHP, а не HTML. Если вы используете другую серверную часть, вам, возможно, придется делать что-то немного по-другому. (К счастью, если вы используете что-то вроде Rails или Django, вы, вероятно, будете использовать некоторые классы построителя форм, и вам не придется так сильно беспокоиться о разметке. ) > после и в той же строке. Обычно между и должен быть пробел. Вы можете сделать это с небольшим запасом или просто с типографским пространством. всегда должен использовать вместо атрибута , который указывает, что он подключен к с помощью id . Это важная практика удобства использования, поскольку она позволяет пользователю устанавливать и снимать флажок, щелкая метку, а не только сам флажок (слишком маленький). это сегодня еще более критичен, чем в прошлом из-за сенсорных экранов — вы хотите предоставить пользователю максимально простое взаимодействие с флажками.

     









     Да! Делай так.

    Нет. Требуется пробел между полем и словами.

    Нет. Флажок должен стоять перед меткой.

     Нет. Метка должна идентифицировать флажок.
    Нравится ли вам это так? (Неправильно.)

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

    Адам Вуд

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

    Browser Support for checkbox

    All All All All All All

    All values ​​of type

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

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

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

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

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