Флажки checkbox и свойства таблицы colspan и rowspan


    В этом уроке я закончу разговор о формах начатый в постах "Свойства CSS: margin и padding " и "Изучаем поведение большинства элементов форм" , и перейду к рассмотрению таблиц, а точнее их свойств colspan и rowspan, позволяющих объединять ячейки таблицы.

    Colspan - устанавливает число ячеек, которые должны быть объединены по горизонтали, а rowspan - устанавливает число ячеек, которые должны быть объединены по вертикали. Отмечу также, что эти параметры имеют смысл для таблиц, состоящих из нескольких строк.

    А поможет мне в этом, последний из не рассмотренных ранее элементов форм – элемент множественного выбора флажок - checkbox , и уже знакомый вам переключатель радиокнопка - radiobutton, с помощью которой вы и будете выбирать какое из двух свойств таблицы colspan или rowspan вы будете исследовать.

    Флажки используют, когда необходимо выбрать два или более варианта из предложенных. Если требуется выбор лишь одного варианта, то тогда желательно использовать переключатель радиокнопка - radiobutton.

     Итак, перед вами таблица размером 3 х 2. В ячейках таблицы находятся флажки которые вы можете отметить по своему желанию. После нажатия кнопки "показать", и в зависимости от того какое свойство colspan или rowspan вы будете исследовать, вы сможете посмотреть результат вашего выбора.

    Попробуйте поэкспериментировать с различными вариантами выбора флажков.
Думаю, что после подобной наглядной демонстрации у вас не останется вопросов по использованию свойств таблицы colspan и rowspan

    Хочу также обратить ваше внимание, что для исследования свойства colspan требуется выделение смежных ячеек, иначе программа просто проигнорирует ваше выделение. А для исследования свойства таблицы rowspan (так как таблица состоит всего из двух строк) имеет смысл выделение только на первой строке.

Какоe свойство будем исследовать?

 COLSPAN
 ROWSPAN

1x1
1x2
1x3
2x1
2x2
2x3


Автор: Сергей Зарубин

Дата: 2011-04-13

Колличество просмотров: 5842

Нравится

Комментарии к заметке:



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


Введите число с картинки:

captcha