Комментарии к публикации: Поле-переключатель в форме HTML

trialex3 15.08.2017 в 21:36

В процессе выполнения задания возник вопрос.
как можно перенести кнопку в красную зону?
скрин

ivashkevich 17.08.2017 в 05:20

Скопируйте ваш код в сервис https://jsfiddle.net/ нажмите "Save" и скиньте сюда получившуюся ссылку.

alsvis2013 23.08.2018 в 13:20

Подскажите пожалуйста, может ли значением атрибута name быть какая-либо цифра или только текст, например name="1"?

ivashkevich 25.08.2018 в 21:38

Вы можете это проверить самостоятельно, но я бы не советовал так делать, потому что "1" ни о чем не говорит. Имена полей должны отражать то, для чего они.

alsvis2013 28.08.2018 в 12:24

Спасибо!

safr0novilya@yandex.ru 07.02.2019 в 19:42

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body> Выберите доставку:
    <br>
    <label>
    <input type="radio"name="delivery"value="long">
    Долго
</label>
<br>
<label>
    <input type="radio"name="delivery"value="faster">
    Быстрее
</label>
<br>
<label>
    <input type="radio"name="delivery"value="super fast">
    Супер-быстро
</label>
<br>
<label>
    <input type="radio"name="delivery"value="now!">
    Сейчас!
</label>
</body>
</html>

ivashkevich 07.02.2019 в 21:51

OK!

classic17071999@mail.ru 24.02.2019 в 21:00

    <style>
    .delivery {
        text-align: center;
        vertical-align: top;
    }

    </style>

        <form class="delivery" action="/delivery">
            Выберете способ доставки:
            <br>
                <label>
                    <input type="radio" name="delivery" value="standard">
                    Стандартная
                </label>
            <br>
                <label>
                    <input type="radio" name="delivery" value="fast">
                    Быстрая
                </label>
            <br>
                <label>
                    <input type="radio" name="delivery" value="super fast">
                    Супер быстрая
                </label>
        </form>

ivashkevich 25.02.2019 в 10:36

Хорошо

miv1197@mail.ru 02.08.2019 в 19:23

<!DOCTYPE html>
<html>
  <head>
    <title>Choose a shipping method</title>
  </head>
  <body>
    <form action="/order">
      Choose a shipping method:
      <br>
      <label>
        <input type="radio" name="shipping" value="courier">
        Courier
      </label>
      <br>
      <label>
        <input type="radio" name="shipping" value="post" checked>
        Post office
      </label>
      <br>
      <label>
        <input type="radio" name="shipping" value="pickup">
        Pickup
      </label>
    </form>
  </body>
</html>

ivashkevich 02.08.2019 в 20:40

Отличный пример использования радиобаттона!

sshurdakov@gmail.com 04.11.2019 в 12:32

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Доставка</title>
</head>
<body>
<form action="/order">
Способ доставки:
<br>
<label>
Самовывоз
<input type="radio" name="delivery" value="pickup">
    </label>
<br>
Почтовое отделение
<input type="radio" name="delivery" value="post office">
    </label>
<br>
Курьер
<input type="radio" name="delivery" value="courier" checked>
    </label>

</form>
</body>
</html>

ivashkevich 04.11.2019 в 19:40

Отлично

sshurdakov@gmail.com 04.11.2019 в 12:33

а если я не буду нигде прописывать (value) что изменится?

ivashkevich 04.11.2019 в 19:40

На бэкенд не придет значение, и мы не сможем понять, что пользователь выбрал.

Vika 24.11.2019 в 19:38

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Способ доставки</title>
 </head>
 <body>
  <form action="/order">
   <p>Выберите способ доставки товара:</p>
    <label><br>
      <input type="radio" name="delivery" value="long">
      Долго
     </label>
     <label><br>
       <input type="radio" name="delivery" name="faster">
       Быстро
     </label>
     <label> <br>
        <input type="radio" name="delivery" name="super-fast">
        Супер-быстро
     </label>
     <label><br>
        <input type="radio" name="delivery" name="now"checked>
    Сейчас
      </label>
  </form>
 </body>
</html>

ivashkevich 24.11.2019 в 20:36

Отлично

eNergy 05.01.2020 в 15:56

    <form method="post" action="/order">
        <p>Выберете время доставки:</p>
        <label>
            <input type="radio" name="time" value="morning">
            До 10:00
        </label><br>
        <label>
            <input type="radio" name="time" value="lunch" checked>
            В 12:00
        </label><br>
        <label>
            <input type="radio" name="time" value="evening">
            После 17:00
        </label>
    </form>

ivashkevich 06.01.2020 в 16:35

Отлично

vitalik 12.02.2020 в 20:02

<form action="/delivery/">
     Выберите способ доставки:<br>
     <label><input type="radio" name="delivery" value="today" checked>Сегодня</label><br>
     <label><input type="radio" name="delivery" value="tomorrow">Завтра</label><br>
     <label><input type="radio" name="delivery" value="forweeks">На недели</label><br>
     <label><input type="radio" name="delivery" value="pickup">Самовывоз</label>
  </form>

ivashkevich 12.02.2020 в 20:20

Отлично

Lyubav4ik 02.03.2020 в 05:03

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Тестовая страница</title>
</head>
<body>
<form action="/order">
    Срок доставки:
    <br>
    <label>
        <input type="radio" name="color" value="slow">
        Долго
    </label>
    <br>
    <label>
        <input type="radio" name="color" value="fast">
        Быстро
    </label>
    <br>
    <label>
        <input type="radio" name="color" value="faster">
        Супер-быстро
    </label>
        <br>
    <label>
        <input type="radio" name="color" value="now">
        Сейчас
    </label>
</form>
</body>
</html>

ivashkevich 05.03.2020 в 03:16

Отлично

Подпишись

Курсы

Комментарии к публикации
Поле-переключатель в форме HTML

Подпишись

Курсы

Комментарии к публикации Поле-переключатель в форме HTML

Комментарии к публикации
Поле-переключатель в форме HTML