Генератор HTML Checkbox

Создание HTML Checkbox онлайн

Генератор HTML Checkbox создаёт элемент <input type="checkbox"> и связанный с ним <label>. Задайте Name, ID, видимый текст Label и начальное состояние Checked. Предварительный просмотр, HTML-код и C#-код обновляются одновременно.

Создание HTML Checkbox на C#

На панели C# показано, как создать такой же checkbox и label с помощью Aspose.HTML for .NET . Сгенерированный код выполняет следующие действия.

1. Создаёт HTMLDocument и с помощью CreateElement() создаёт HTMLInputElement .
2. Задаёт type, id, name и начальное состояние checked согласно выбранным настройкам.
3. Создаёт HTMLLabelElement , затем задаёт его свойство For и видимый текст.
4. Добавляет оба элемента методом AppendChild() и сохраняет готовый документ методом Save() .

Сначала настройте checkbox, а затем скопируйте обновлённый C#-код в свой проект .NET.

Вопросы о генераторе HTML Checkbox

1. Почему атрибут id элемента checkbox должен совпадать с атрибутом for элемента <label>?

Одинаковые значения явно связывают <label> с checkbox. Нажатие на подпись переключает состояние элемента управления, а вспомогательные технологии могут определить, какой текст описывает checkbox. Значение id должно быть уникальным в пределах страницы.

2. Чем отличаются атрибуты name и id элемента checkbox?

Атрибут name идентифицирует значение checkbox при отправке формы. Атрибут id идентифицирует элемент в документе и связывает его с <label>. У нескольких checkbox может быть одинаковый name, но значение id каждого элемента должно быть уникальным.

3. Какие данные отправляются, если checkbox не выбран?

Невыбранный checkbox не добавляет пару name и value в отправляемые данные формы. Если checkbox выбран, но атрибут value не задан явно, браузер использует значение on по умолчанию.

4. Запрещает ли параметр Checked пользователю снимать отметку?

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

5. Можно ли задать одинаковый атрибут name нескольким checkbox?

Да. Связанные checkbox могут иметь одинаковый name, но каждому нужны уникальные id и связанные элементы <label>. Если сервер должен различать выбранные варианты, после копирования HTML добавьте каждому checkbox отдельный атрибут value.

Установка Aspose.HTML for .NET

Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:

dotnet add package Aspose.HTML

Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в руководстве по установке . Чтобы протестировать API без ограничений ознакомительной версии, запросите временную лицензию .