Испытание: редактирование профиля [18/18]


#1

Подскажите как добавить небольшой отступ для radio? Никак не выходит получить 100%

<input name="group" id="radio1" type="radio"><label for="radio1">Мужской</label>
<input name="group" id="radio2" type="radio" checked><label for="radio2">Женский</label>


#2

Это по поводу меток “Мужской — женский”? Обычными пробелами лучше всего, я думаю. По крайней мере, я выравнивал их так, и они отлично доходили до ста процентов.


#3

@Leo, действительно, с пробелами все получилось. Как-то я их упустил. Спасибо. :blush:


#4

Кстати, это ведь вроде другой курс — о формах, после “табличного”. Тема не в том разделе, админы ругаться будут ))


#5

Админы не ругаются, я ругаюсь)))))))
@MeatDuck69, Вы с IE <9 сидите?


#6

@elemeNtk0, да за кого вы меня принимаете?! С Хрома сижу :smile:
По поводу раздела: я перешёл по ссылке под заданием. Она бы не стала вести меня на неправильный раздел, не так ли?


#7

@MeatDuck69, Сори. глянул - там минибраузер так ИЕшит элементы, я уж и забыл =)
Кстати, @Leo, тема, так-то в нужном топике )


#8

Ну ОК)


#9
<html>
    <head>
       <title>Испытание: редактирование профиля</title>
    </head>
    <body>
        <h1>Профиль</h1>
        <form action="/echo" method="post" enctype="multipart/form-data">
            <label>Ваш пол:<br>
            <input type="radio" name="question1" value="M"> Мужской 
            <input type="radio" name="question1" value="W" checked> Женский
            </label><br>
            <label>Месяц и год рождения:<br>
            <select>
                <option value="1">Январь</option>
            </select>
            <select>
                <option value="1990">1990</option>
            </select>
            </label><br>
            <label>Знакомые технологии:<br>
            <select name="technology[]" multiple size="4">
                <option>HTML</option>
                <option selected>CSS</option>
                <option>JavaScript</option>
                <option>PHP</option>
            </select>
            </label><br>
            <label>Фото:<br>
            <input type="file" name="avatar" value="Choose File">
            </label>
            <input type="submit" value="Сохранить">
        </form>
    </body>
</html>

Правильное ли решение? Показывает совпадение 100 %, но судя по комментариям это не всегда означает отсутствие ошибок.


#11

Подскажите где ошибка?
Показывает, что выполнено на 99%

    <h1>Профиль</h1>
    <form action="/echo" method="post" enctype="multipart/form-data">
        <label>Ваш пол:<br>
        <input type="radio" name="sex" value="male"> Мужской
        <input type="radio" name="sex" value="female" checked> Женский
        </label><br>

        <label> Месяц и год рождения<br>
       <select name="month">
        <option value="Jan" selected>Январь</option>
        </select>
        <select name="year">
        <option value="1990" selected>1990</option>
        </select>
        </label><br>

        <label> Знакомые технологии:<br>
       <select name="tec[]" multiple size="4">
        <option>HTML</option>
        <option selected>CSS</option>
        <option>JavaScript</option>
        <option>PHP</option>
        </select>
        </label>
        <br>

       <label> Фото:<br>
        <input type="file" name="avatar" value="Choose File">
       </label> <input type="submit" value="Сохранить">
        </form>

    </form>
</body>

#12

Пропущено двоеточие после слов. Кроме того, не стоит включать внутрь лейблов селекты :smile:


#13

Я целых 2 дня потратила не понимая в чем ошибка! Результат показывал 94-95% попеременно. И всего-то оказывается поле “год и месяц” не нужно было заполнять дополнительными полями. :laughing:


#14
Испытание: редактирование профиля

Профиль

    <form action="https://echo.htmlacademy.ru" method="post" enctype="multipart/form-data">
        Ваш пол:
        <label for="gender-male">
            <input type="radio" name="gender" value="male" id="gender-male"> Мужской
        </label>
        <label for="gender-female">
            <input type="radio" name="gender" value="female" id="gender-female" checked> Женский
        </label><br>
        <label for="id-month">Месяц</label> и
        <label for="id-year">год</label> рождения:<br>
        <select name="month">
            <option value="january">Январь</option>
        </select>
        <select name="year">
            <option value="year">1990</option>
        </select><br>
        
        <label for="id-techno">Знакомые технологии:</label><br>
        <select name="technology" multiple>
            <option value="HTML">HTML</option>
            <option value="CSS" selected>CSS</option>
            <option value="JavaScript">JavaScript</option>
            <option value="Node.js">Node.js</option>
        </select><br>
        <label for="id_photo">Фото:</label>
        <input type="submit" id="id_photo" value="Choose File">
        </label>No file selected<br>
        <input type="submit" name="save" value="Сохранить">
    </form>
</body>

#15


Вот что выдаёт. Не могу понять в чем причина!!!


#16

А почему у вас два элемента с типом submit?


#17

Спасибо!!! Понял! Надо было использовать элемент file!
В ответе пишется “No file selected”, а в результате “Файл не выбран”!!! Как так???
Целый час ломал голову!!! :blush: Но, несмотря на это 100% ???


#18

Не обращайте внимания, поля в браузерах могут отображаться по-разному. На проверку это не влияет.


#19

Спасибо за помощь!!! Очень приятно, когда люди быстро откликаются на зов помощи!!! :slight_smile:


#21
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Испытание: редактирование профиля</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Профиль</h1>

    <form action="https://echo.htmlacademy.ru" method="post" enctype="multipart/form-data">
      <label>Ваш пол:</label>
      <input type="radio" name="sex" value="М"> Мужской
<input type="radio" name="sex" value="Ж" checked> Женский<br>
      <label>Месяц и год рождения:</label><br>
<select><option value="Январь">Январь</option></select> <select><option value="1990">1990</option></select><br>
  <label>Знакомые технологии:</label><br>
  <select name="vvv" multiple>
      <option value="html">HTML</option>
      <option value="css" selected>CSS</option>
      <option value="js">JavaScript</option>
      <option value="n.js">Node.js</option>
  </select><br>
      <label>Фото: </label><input type="file" name="avatar" value=" Choose File">
      <input type="submit" value="Сохранить">
    </form>
  </body>
</html>

Что не так?


#22

Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст.
Источник: http://htmlbook.ru/html/label


В Вашем коде <label> стоят не там где нужно…
Расставьте правильно, и привяжите по id.

Напоминание здесь: https://htmlacademy.ru/courses/46/run/4,
https://htmlacademy.ru/courses/46/run/5