18/18 95% Что не так?

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

Профиль

    <form action="https://echo.htmlacademy.ru" method="post">
        <span>Ваш пол:</span>
        
        <label>
            <input type="radio" name="gender" value="male"> Мужской
        </label>
        
        <label>
            <input type="radio" name="gender" value="female" checked> Женский
        </label><br>
        
        <span>Месяц и год рождения:</span><br>
        
        <select name="month">
            <option value="January">Январь</option>
        </select>
        <select name="year">
            <option value="1990">1990</option>
        </select><br>
        
        <span>Знакомые технологии:</span><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>
        
        
        <span>Фото:</span>
        
        <label>
            <input type="submit" value="Choose File"> No file selected
        </label><br>
        
           <input type="submit" value="Сохранить">
       
    </form>
</body>
2

Это label к полю. А фразу “No file selected” писать не надо, она добавляется автоматически при проверке.

3

Про фразу понял, спасибо!
А почему в спане нельзя фото?

И еще Инеска, подскажите как улучшить читабельность в моем коде?

4

Label в данном случае уместнее, с его помощью вы связываете поле с подписью. Со span-ом так сделать нельзя.
Что вас не устраивает в плане читабельности в коде?

5

Т.е. мне лучше все спан заменить на лейбл?
Меня все устраивает. А спрашиваю потому, что если мне нравится, то это не значит, что правильно)

6

Хорошо. Задам вопрос по-другому. Что вы понимаете под словом “читабельность”?)

7

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

8

Для последующей работы с кодом очень удобно пользоваться комментированием.
А в целом всё и так читабельно, поскольку кода не много.

9

Спасибо

10

<input type="submit" value="Choose File"> No file selected

По данной кнопке файл подгружаться не будет.

11 
<span>Фото:</span>

<label>
    <input type="submit" value="Choose File"> No file selected
</label><br>

   <input type="submit" value="Сохранить">

Немного не так сделал.
Вот так надо сделать и не обращай внимание что на русском у тебя будет писать. У тебя кодировка utf-8 поэтому будет на русском, а при проверке будет на английском.
> Фото:



>

12

атрибут name неплохо бы задавать у <input type="file">