Докато разглеждате любимите си уебсайтове, квадратчетата се появяват, когато трябва да изберете една опция от многото налични. Тези квадратчета са създадени в с помощта на специален етикет. В тази статия ще видим как да създадем отметка в HTML и работата на отметките в следната последователност:
- Как да създам отметка в HTML?
- Поле за отметка срещу радио бутони
- Деактивиране на квадратче за отметка в HTML
Как да създам отметка в HTML?
Полето за отметка е елемент на формуляр, който ви позволява да изберете множество опции от различни налични опции. Полетата за отметка се създават с HTMLtag. Той може да бъде вложен вътре в елемент или те да стоят сами. Те също могат да бъдат свързани с формуляр с помощта на атрибут на форма на етикета.
Ето един основен пример за създаване на просто квадратче за отметка:
Червено Зелено Синьо
Изход:
Нека разгледаме друг пример и добавим бутон за изпращане, за да могат полетата за отметка да станат полезни. Тук можете също да поставите квадратчетата за отметка в елемент, който указва страница за обработка на формуляра.
Кой е вашият любим цвят? Червено Зелено СиньоРезултат:
Изход:
Поле за отметка срещу радио бутони
Радио бутоните позволяват на потребителя да избере само една опция. Докато отметките позволяват на потребителя да избере произволен брой опции. Да вземем пример и да видим как работят радио бутоните и квадратчетата за отметка:
какво прави администратор на linux
Квадратчета за отметка
Кой е вашият любим цвят? Червено Зелено СиньоРадио бутони
Изберете пола си? Мъж Жена НеизвестноРезултат:
Изход:
В горния пример можете да видите, че можете да изберете колкото искате квадратчета. Това прави квадратчето подходящо за моменти, когато потребителят трябва да може да избере множество опции. Но ако се опитате да изберете повече от един радио бутон, предишният избор ще бъде отменен. Това ви помага да принудите потребителите да избират само една опция.
Деактивиране на квадратче за отметка в HTML
Можете да деактивирате отметка в с помощта на атрибута disabled. Това може да се направи заедно със скрипт за активиране или деактивиране на квадратчето в зависимост от това дали са изпълнени определени критерии.
Нека вземем пример, за да видим как можем да деактивираме отметка:
Червено Зелено Синьо
Изход:
как да обърнете номер в java -
В горния пример деактивирахме червения цвят. Така че, можете да изберете зелено и синьо от квадратчето, но не и червения цвят.
С това стигнахме до края на нашата статия. Надявам се, че сте разбрали как работят квадратчетата за отметка в HTML и как те могат да се използват по различен начин.
След като вече знаете за квадратчето за отметка в HTML, разгледайте от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).
Имате въпрос към нас? Моля, споменете го в раздела за коментари на „Отметка в HTML“ и ние ще се свържем с вас.