Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
anvartimir
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 2
1

Создать форму для input type="radio"

12.11.2016, 08:37. Просмотров 842. Ответов 1
Метки нет (Все метки)

Всем привет! Как сделать такую форму? С помощью table? Если да, то как? (С элементами, проблем нет.)

Название: 1.png
Просмотров: 8

Размер: 26.2 Кб

 Комментарий модератора 
Один вопрос - одна отдельная тема!
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.11.2016, 08:37
Ответы с готовыми решениями:

Input type="radio" Картинка вместо кнопки в Firefox
input.styled { background: url(img/bitcoin.png) no-repeat 0 0; width:173px; ...

Как изменить цвет и размер шрифта input type="radio"
<input type="radio" id="drink1" value="rad1" checked="checked"> OPTION 1 ...

Возможно ли изменить цвет кружочка внутри input type="radio"?
Нужно изменить цвет кружочка внутри input type="radio"? Кто с подобным сталкивался? Плз помогите

Не работает простой input type="radio"
Почему-то отказывается работать радио-чекбокс. Вернее, конструкция работает, пока внутри...

Input type="radio"
Проблема в том, что когда создаю две таких кнопки, вторая все время активна. А нужно чтоб были...

1
mrtoxas
Модератор
Эксперт HTML/CSS
2602 / 1923 / 1197
Регистрация: 12.07.2015
Сообщений: 5,143
Записей в блоге: 3
12.11.2016, 12:21 2
Лучший ответ Сообщение было отмечено anvartimir как решение

Решение

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.list {
  width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.list > .list__item {
  border-bottom: 1px solid #ccc;
}
.list_sub {
  list-style: none;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<ul class="list">
  <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
  <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
  <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
  <li class="list__item">Item
    <ul class="list_sub">
      <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
      <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
      <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
      <li class="list__item"><label><input name="l1" type="radio"/>Item</label></li>
    </ul>
  </li>
</ul>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.11.2016, 12:21

<input type="submit" value="button" onClick="">
Если в HTML коде есть токой фрагмент &lt;input type=&quot;submit&quot; value=&quot;button&quot; onClick=&quot;&quot;&gt;, что можно...

Изменить картинку для <input type="image"> при :hover
Здравствуйте. Столкнулся с такой проблемой: не получается изменить картинку элементу &lt;input...

Inset box-shadow для input[type="text"] в safari
При верстке возникла проблема с отображением inset-тени для текстбокса в браузерах firefox и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru