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


akilina.vsk

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

ivashkevich

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

<input type="checkbox" name="acceptrules" required>
Andrey1307

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

ivashkevich

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

Lungren

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

ivashkevich

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

humanidis@gmail.com

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

    <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

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

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

<input id="AnalField" name="anal" type="checkbox" checked>
humanidis@gmail.com

Спасибо!

Dilik

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

humanidis@gmail.com

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

ilya
<!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>
morethanhyper@gmail.com
<!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

Отлично!

Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Логические задачи с собеседований