Коллеги! Где казус? (95%;18/18)

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

Профиль

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

Пробелами баловался!

2

Здесь type=“file”

3

Подставим type=“file”, получим следующее:

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

Профиль

    <form action="https://echo.htmlacademy.ru" method="post">
        Ваш пол:
        <label><input type="radio" name="sex" value="m"> Мужской </label>
        <label><input type="radio" name="sex" value="w" checked> Женский</label><br>
        Месяц и год рождения:<br>
        <select>
            <option>Январь</option>
            </select>
            <select>
            <option>1990</option>
            </select><br>
            Знакомые технологии:<br>
            <select size="4">
        <option>HTML</option>
        <option selected>CSS</option>
        <option>JavaScript</option>
        <option>Node.js</option>
        </select><br>
        Фото: <input type="file"  value="Choose File"> No file selected<br>
        <input type="submit" value="Сохранить">
    </form>
</body>
Снимок2.PNG736×952 65.5 KB
4

Это не надо писать вручную.

5

Удивительное дело! По каким признакам их сервер сравнивает “Образец” и “Результат”?
Убрал “No file selected”, получил “русскую” кнопку, и “русскую” надпись “Файл не выбран”. Но 100% совпадение!!!

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

Профиль

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

Премного благодарен

6

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