Чат Telegram
Группа ВКонтакте
Новый комментарий


akilina.vsk 26.05.2017 в 15:41

Спасибо за подробную информацию, можно ли чтобы галочка обязательно стояла в одном из чекбоксов? И при их отсутствии высвечивалось сообщение о том, что необходимо выбрать один из вариантов?

ivashkevich 26.05.2017 в 21:01

К сожалению, средствами HTML этого сделать нельзя. Тут или проверять на сервере с помощью PHP, или на клиенте JavaScript'ом.
На HTML можно только сделать обязательную галочку. Например, при регистрации пользователя, когда нужно чтобы он согласился с правилами сайта. Для этого нужно использовать атрибут required. Вот так:

<input type="checkbox" name="acceptrules" required>
Andrey1307 19.08.2017 в 09:10

Как можно выровнять чекбоксы по вертикали, чтобы они были друг под другом, а не зависели от длины названия?

ivashkevich 20.08.2017 в 06:03

Ну, тут либо помещать элементы формы в таблицу и делать label и input в разных ячейках, либо просто расположить чекбоксы слева от их описания =)

Lungren 10.03.2018 в 21:27

Почему здесь action именно /order?

ivashkevich 11.03.2018 в 09:18

Потому что это удачное название для страницы заказа.

humanidis@gmail.com 01.05.2018 в 19:33

Как сделать так, чтобы галочки ставились одновременно в нескольких полях?

    <form action="/order">
        <table>
            <tr>
                <td width="150"><label for="OralField">Оральный секс:</label></td>              
                <td class="border-left"><input id="OralField" name="oral" type="checkbox" checked></td>
            </tr>
            <tr bgcolor="#E1E1E1">                  
                <td><label for="ClassicField">Классический секс:</label></td>
                <td class="border-left"><input id="ClassicFIeld" name="classic" type="checkbox" checked></td>
            </tr>
            <tr>
                <td><label for="AnalField">Анал:</label></td>
                <td class="border-left"><input id="AnalField" name="anal" type="checkbox"></td>
            </tr>
        </table>
    </form>
ivashkevich 02.05.2018 в 07:54

Если вам нужно при нажатии на какую-то кнопку отмечать все галочки, то нужно использовать JavaScript. Примеры тут.

Если же нужно, чтобы они сразу были отмечены при загрузке страницы, то для input нужно прописать атрибут checked:

<input id="AnalField" name="anal" type="checkbox" checked>
humanidis@gmail.com 02.05.2018 в 09:21

Спасибо!

Dilik 12.08.2018 в 15:42

что за сайт ты там делаешь?))))) с такими то заказами)))

humanidis@gmail.com 13.08.2018 в 13:17

Конкурента интимсити))

ilya 06.02.2019 в 17:05
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="/order">
        Какие языки программирования вы изучаете?
        <br>
        <label>
            PHP
            <input type="checkbox"name="php"checked>
        </label>
        <br>
        <label>
            MySQL
            <input type="checkbox"name="mysql"checked>
        </label>
        <br>
        <label>
            C++
            <input type="checkbox"name="c++">
        </label>
    </form>
</body>
</html>
ivashkevich 07.02.2019 в 13:49

Ок

morethanhyper@gmail.com 12.10.2019 в 13:08
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Mail.ru</title>
    <style type="text/css">
        .label {
            padding-left:50px;
        }
    </style>
</head>
<body>
    <form action="/mail/" method="post">
        <label for="thoWhomField">Кому</label>
        <br>
        <input placeholder="Введите Email" id="toWhomField" type="text" name="towhom" size="60">
        <br>
        <label for="messageField">Сообщение</label>
        <br>
        <textarea id="messageField" name="message" rows="10" cols="80" >Введите текст сообщения</textarea>
        <br>
        <input type="submit" value="Отправить">
        <input type="submit" value="Прикрепить файл">
        <label for="check1"  class="label" >Прислать уведомление</label>
        <input id="check1" type="checkbox" checked>
        <label for="check2" class="label">Скрыть отправителя</label>
        <input id="check2" type="checkbox" >
        <label for="chack3"  class="label">Поместить в корзину</label>
        <input id="check3" type="checkbox" checked> 
</form> 
</body>
</html>
ivashkevich 12.10.2019 в 13:42

Отлично!

sshurdakov@gmail.com 02.11.2019 в 21:41

почему перед и после логин ставится / <form action="/login/">, а тут только перед order <form action="/order"?

ivashkevich 03.11.2019 в 05:24

Это просто разные адреса, которые могут быть на сервере.

sshurdakov@gmail.com 02.11.2019 в 21:48
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугле </title>
</head>
<body>
<form action="/login/">
    <label for="loginField">Логин</label>
    <input id="loginField" placeholder="Введите сюда ваш логин" type="Ваш логин" name="login">
  <label for="passwordField">Пароль</label>
       <input id="passwordField" placeholder="Пароль состоит из 8 символов" type="password" name="password">
    <input type="submit" value="Войти">
</form>
<br>
<form action="/order">
<Label>
Багаж
<input type="checkbox" name="Luggage" checked>
    </label>
<br>
Ручная кладь
<input type="checkbox" name="hand Luggage">
    </label>
<br>
Ноутбук
<input type="checkbox" name="laptop" checked>
    </label>
</form>
</body>
</html>
ivashkevich 03.11.2019 в 05:25
<Label>

С маленькой!

sshurdakov@gmail.com 04.11.2019 в 12:04

исправил

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугле </title>
</head>
<body>
<form action="/login/">
    <label for="loginField">Логин</label>
    <input id="loginField" placeholder="Введите сюда ваш логин" type="Ваш логин" name="login">
  <label for="passwordField">Пароль</label>
       <input id="passwordField" placeholder="Пароль состоит из 8 символов" type="password" name="password">
    <input type="submit" value="Войти">
</form>
<br>
<form action="/order">
<label>
Багаж
<input type="checkbox" name="Luggage" checked>
    </label>
<br>
Ручная кладь
<input type="checkbox" name="hand Luggage">
    </label>
<br>
Ноутбук
<input type="checkbox" name="laptop" checked>
    </label>
</form>
</body>
</html>
ivashkevich 04.11.2019 в 19:39

Отлично

Vika 23.11.2019 в 16:41
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Формы</title>
 </head>
 <body>
  <h1>Формы</h1>
  <hr>
  <h1 align="center">Форма заявки для участников конкурса</h1>
  <form method="post" action="/login/">
   <label for="name">Имя</label><br>
      <input id="name" placeholder="Введите ваше имя" type="text" name="name" required>
   <br><br>
   <label for="surname">Фамилия</label><br>
      <input id="surname" placeholder="Введите вашу фамилию" type="text" name="surname" required>
   <br><br>
   <label for="E-mail">E-mail</label required><br>
      <input id="E-mail" type="text" name="mail">
   <br><br>
   <p>Возраст</p>
   <label>
      Меньше 18
        <input type="checkbox" name="age1" checked>
   <br>
   <label> 
       18-30
         <input type="checkbox" name="age2">
   </label>
   <br>
   <label>
       Более 30
         <input type="checkbox" name="age3" checked>
   </label>
   <br>
   <p>Пол</p>
   <label>
        Мужской
     <input type="checkbox" name="gender1">
   </label>
   <label>
        Женский
      <input type="checkbox" name="gender2">
   </label>
   <br><br>
   <i>Расскажите о себе</i> <br>
   <label for="message"></label><br>
        <textarea id="message"  name="message" cols="40" rows="5">Введите здесь свое сообщение...</textarea>
   <br>
         <input type="submit" value="Отправить">
  </form>
 </body>
</html>
ivashkevich 24.11.2019 в 20:27

Чекбокс не подходит, когда нужно выбирать только один вариант

Логические задачи с собеседований