Семантический анализ [18/18]. Результат 100%

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

Профиль

    <form enctype="multopart/form-data" action="https://echo.htmlacademy.ru" method="post"> 
        <label>Ваш пол: <input type="radio" name="" id=""> Мужской <input type="radio" name="" id="" checked> Женский</label><br>
        <label>
            Месяц и год рождения:<br>
            <select>
                <option name="data" id="data-field" value="yanvar">Январь</option>
            </select>
            <select>
                <option name="year" id="year-field" value="1990">1990</option>
            </select>
        </label><br>
        <label>
            Знакомые технологии:<br>
            <select name="tecniloge" id="tecnologe-field" 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>
        </label><br>
        <label>
            Фото: <input type="file" name="load" id"load-field" value="Choose file">
        </label>
            <input type="submit" name="save" id="save-field" value="Сохранить">
        </label>
    </form>
</body>
2

у вас в коде четыре открывающих тега<label> и пять закрывающих </label>

Подпись к полю это не просто текст, он логически связан с полем. После клика по подписи курсор автоматом перемещается в соответствующее поле. Вот у вас есть кусок:
<label>Ваш пол: <input type="radio" name="" id=""> Мужской <input type="radio" name="" id="" checked> Женский</label>
подпись одна, а полей - два. И получается, что кликнув по “Ваш пол”, курсор автоматом попадет куда? Что сделает пользователь женского пола в такой ситуации? Попытается тыкнуть в слово “Женский”. И опять прокол - галочка не переместится, потому что при таком коде придется целиться именно в чекбокс. И удобная функция подписи - увеличение области клика - в этом случае не работает.

С месяцем и годом ситауация у вас анологичная.

3

и, кстати, повторите тему Переключатель или «радиобаттон» 12/18 - вы забыли об обязательном атрибуте value

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

Профиль

    <form enctype="multopart/form-data" action="https://echo.htmlacademy.ru" method="post"> 
        Ваш пол: 
        
        <label>
            <input type="radio" name="pol" id="pol" value="Мужской"> Мужской
        </label>
        
        <label>
            <input type="radio" name="pol" id="pol2" value="Женский" checked> Женский</label><br>
        </label>
        
        <label for="month-field">Месяц
        </label> и 
        <label for="year-field">год рождения:
        </label><br>
        
        <label>
            <select>
                <option name="data" id="month-field" value="month">Январь</option>
            </select>
        </label>
        
        <label>
            <select>
                <option name="year" id="year-field" value="1990">1990</option>
            </select>
        </label><br>
        
        <label>
            Знакомые технологии:<br>
            <select name="tecniloge" id="tecnologe-field" 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>
        </label><br>
        
        <label>
            Фото: <input type="file" name="load" id"load-field" value="Choose file">
        </label>
        
        <label>
            <input type="submit" name="save" id="save-field" value="Сохранить">
        </label>
    </form>
</body>
1 лайк
5

Спасибо! :relaxed:

8

С полом вы разобрались хорошо (правда забыли, что женский должен быть выбран по умолчанию, т.е. ещё до клика по подписи или чекбоксу). А вот с годом и месяцем перемудрили - подписей стало аж четыре.
и для кнопки подпись не нужна - тут же никакого дополнительного “тыкательного” текста нету :slight_smile:

9

Спасибо большое за обратную связь! :slight_smile:

10 
<html>
<head>
    <meta charset="utf-8">
    <title>Испытание: редактирование профиля</title>
</head>
<body>
    <h1>Профиль</h1>

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

если бы вы хотя бы глянули эту тему сначала - перед вами разбирались точно такие же ошибки.
запомните простое правило: на одну подпись - одно поле формы. и всё. по другому - не работает. вернее работает, но не так, как должно.
у input с типом radio есть обязательные атрибуты - у вас их нет.
multiple - это атрибут тега select, а не тип тега option (ну нету у option атрибута type). и какой множественный выбор вы предполагаете для даты рождения? можно родиться одновременно в январе и в августе?
в нашем случае кнопка в подписи не нуждается.

в общем, советую курс Формы пройти ещё раз

1 лайк