Итоговое испытание 98%

Курсы §6. Формы, часть 1
1
Испытание: редактирование профиля

Профиль

    <form action="https://echo.htmlacademy.ru" method="post" ecntype='multipart/form-data'>
        Ваш пол:
        <input type='checkbox' value='gender' name='m'> Мужской
        <input type='checkbox' value='gender' name='m' checked> Женский
        <br>
        Месяц и год рождения:
        <br>
        <select name='month'>
            <option value='jun'>Январь</option>
        </select>
        <select name='year'>
            <option value='1990'>1990</option>
        </select>
        <br>
        Знакомые технологии:
        <br>
        <select name='tehnologti' multiple size='4'>
            <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>
            Фото:
            <input type='file' name='foto'>
        </label>
        <input type='submit' name='save' value='Сохранить'>
    </form>
</body>
2

Безымянный.png585×801 39.4 KB

3

Все подписи к полям лучше оформлять как label.
Вы так делали в этом фрагменте.

<label>
            Фото:
            <input type='file' name='foto'>
        </label>

Ваша ошибка в том, что тип поля выбран неправильно. В образце type=“radio”.
Также хотелось бы обратить ваше внимание на тот факт, что когда отправляется форма, то независимо от того, какой пол выбран (женский или мужской) - отправляется значение “gender”.

1 лайк
4

Наверное, по не внимательности я не сделал label ко всем подписям полей. Но вот я тогда не понял разницу между чекбоксом и радио…

5

я думаю не checkbox, a radio

6

А зачем здесь использовать тег lable? Что с чем здесь нужно связывать? Выполнила задание на 96%, пытаюсь разобраться в ошибках.

7

Тег label. О нем подробно рассказывают в курсе. И про связывание с полями тоже. Повторите.

8

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

9

Код текстом, пожалуйста. Разберемся.

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

Профиль

     <form action="https://echo.htmlacademy.ru" method="post" ecntype='multipart/form-data'>
    Ваш пол:
    <input type='radio' name='men'> Мужской
    <input type='radio' name='women' checked> Женский
    <br>
    Месяц и год рождения:
    </br>
    <select name='Jenuary'>
        <option value='jun'>Январь</option>
    </select>
    <select name='year'>
        <option value='1990'>1990</option>
    </select>
    <br>
    Знакомые технологии:
    </br>
    <select name='tehno' multiple size='4'>
        <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>
                Фото:
        <input type='submit' name='foto'value="Choose File">No file selected
           </br><input type='submit' name='save' value='Сохранить'>
</form>
11

Почему две кнопки submit у вас получилось?

12

1-я кнопка “Choose file” - выбрать фото, 2-я - сохранить. У меня при наложении различия именно в этом месте. Может, я неверно что-то поняла? Там скорее всего надо было задать поле загрузки файлов.

13

Но кнопка для выбора файла type не submit. Вспоминайте.

14

Да, уже поняла, что надо было type=“file”. На сегодня попытки проверки кончились, завтра буду исправлять