В процессе выполнения задания возник вопрос. как можно перенести кнопку в красную зону? скрин
Скопируйте ваш код в сервис https://jsfiddle.net/ нажмите "Save" и скиньте сюда получившуюся ссылку.
Подскажите пожалуйста, может ли значением атрибута name быть какая-либо цифра или только текст, например name="1"?
Вы можете это проверить самостоятельно, но я бы не советовал так делать, потому что "1" ни о чем не говорит. Имена полей должны отражать то, для чего они.
Спасибо!
<!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>
OK!
<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>
Хорошо
<!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>
Отличный пример использования радиобаттона!
<!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>
Отлично
а если я не буду нигде прописывать (value) что изменится?
На бэкенд не придет значение, и мы не сможем понять, что пользователь выбрал.
<!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>
<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>
В процессе выполнения задания возник вопрос.
как можно перенести кнопку в красную зону?
скрин
Скопируйте ваш код в сервис https://jsfiddle.net/ нажмите "Save" и скиньте сюда получившуюся ссылку.
Подскажите пожалуйста, может ли значением атрибута name быть какая-либо цифра или только текст, например name="1"?
Вы можете это проверить самостоятельно, но я бы не советовал так делать, потому что "1" ни о чем не говорит. Имена полей должны отражать то, для чего они.
Спасибо!
OK!
Хорошо
Отличный пример использования радиобаттона!
Отлично
а если я не буду нигде прописывать (value) что изменится?
На бэкенд не придет значение, и мы не сможем понять, что пользователь выбрал.
Отлично
Отлично