Пропущено двоеточие после слов. Кроме того, не стоит включать внутрь лейблов селекты
Я целых 2 дня потратила не понимая в чем ошибка! Результат показывал 94-95% попеременно. И всего-то оказывается поле “год и месяц” не нужно было заполнять дополнительными полями.
Профиль
<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>
https://htmlacademy.ru/upload/files/task_405/att_ea4c0fad5fe6a3a14e597feb8950689e.png?0.9628453493527696
Вот что выдаёт. Не могу понять в чем причина!!!
А почему у вас два элемента с типом submit?
Спасибо!!! Понял! Надо было использовать элемент file!
В ответе пишется “No file selected”, а в результате “Файл не выбран”!!! Как так???
Целый час ломал голову!!! Но, несмотря на это 100% ???
Не обращайте внимания, поля в браузерах могут отображаться по-разному. На проверку это не влияет.
Спасибо за помощь!!! Очень приятно, когда люди быстро откликаются на зов помощи!!!
<!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>
Что не так?
Тег <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
привет:)
испытание на 100% выполнил, однако хочу убедиться, правильно ли я расставил <label>
.
дело в том, что поначалу везде расставил их, но вскоре понял, что это дичь какая-то и починил. теперь преследует паранойя. буду весьма благодарен, если кто-нибудь поправит, в случае, если я допустил где-то ошибку:)
<!DOCTYPE html>
<html>
<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>
<input type="radio" name="sex" value="male"> Мужской
</label>
<label>
<input type="radio" name="sex" checked value="female"> Женский
</label><br>
Месяц и год рождения:<br>
<select name="month">
<option value="January">Январь</option>
</select>
<select name="year">
<option value="1990">1990</option>
</select><br>
Знакомые технологии:<br>
<select multiple size="4" name="knowledge">
<option value="HTML" name="HTML[]">HTML</option>
<option value="CSS" name="CSS[]" selected>CSS</option>
<option value="JavaScript" name="JavaScript[]">JavaScript</option>
<option value="Node.js" name="Node.js[]">Node.js</option>
</select><br>
Фото:
<input type="file" name="photo">
<input type="submit" value="Сохранить">
</form>
</body>
</html>
На мой взгляд – правильно.
У меня столько же, но вставлял по-другому - с привязкой по id:
https://htmlacademy.ru/courses/46/run/5
<input type="radio" name="gender" id="m" value="m">
<label for="m">Мужской</label>
<input type="radio" name="gender" id="f" value="f" checked>
<label for="f">Женский</label>
о, я вовсе забыл про привязку по id. спасибо за ответ:)
С привязкой по id испытание пройдёте на 99% – ошибка при проверке.
Для себя нашел решение) Если при создании поля “мужской пол” закрывающий тег </label>
написать на одной строке с самой формой, то задание выполняется на 99%
<label><input type="radio" name="gender" value="male"> Мужской</label>
А если тот же закрывающие тег перенести на новую строку “пробелом”, то задание выполняется на 100%):
<label><input type="radio" name="gender" value="male"> Мужской
</label>
ОС: Windows 7-64bit
Браузер: Chrom 71.0.3578.98 (32bit)
Такого тега не существует… (частая опечатка).
Спасибо, исправил)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Испытание: редактирование профиля</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Профиль</h1>
<form action="https://echo.htmlacademy.ru/courses" method="post" enctype="multipart/form-data">
<label>
Ваш пол:
<input type="radio" name="gender">
Мужской
<input type="radio" checked name ="gender">
Женский
</label>
<br>
<label>
Месяц и год рождения:
<br>
<select name="birthday-month">
<option name="month">Январь</option>
</select>
<select name="birthday-year">
<option name="year">1990</option>
</select>
</label>
<br>
<label>
Знакомые технологии:
<br>
<select name="technologies" multiple size="4">
<option name="technology">HTML</option>
<option name="technology" selected>CSS</option>
<option name="technology">JavaScript</option>
<option name="technology">Node.js</option>
</select>
</label>
<br>
<label>
Фото:
<input type="file" name="avatar">
</label>
<input type="submit" value="Сохранить">
</form>
</body>
</html>
28/11/2022 - 100%. Конспект в руки и все пройдете сами.
<form action="https://echo.htmlacademy.ru/courses" method="post">
Ваш пол:
<label>
<input type="radio" name="gender" value="male"> Мужской </label>
<label>
<input type="radio" name="gender" value="female" checked> Женский
</label><br>
Месяц и год рождения:<br>
<select>
<option value="mounth" >Январь</option>
</select>
<select>
<option value="year">1990</option>
</select>
<br>
Знакомые технологии:<br>
<select name="Tech" multiple size="4">
<option>HTML</option>
<option selected>CSS</option>
<option>JavaScript</option>
<option>Node.js</option>
</select> <br>
Фото: <input type="file" value="Choose File"> <br>
<input type="submit" value="Сохранить">
</form>
Правильно?
Испытание: редактирование профиляПрофиль
<form action="https://echo.htmlacademy.ru/courses" method="post" enctype="multipart/form-data">
<label for="radio1">Ваш пол:
<input type="radio" id="radio1" name="radiobutton" value="Мужской"> Мужской
<input type="radio" id="radio1" name="radiobutton" value="Женский" checked> Женский</label>
<br> Месяц и год рождения:<br>
<select>
<option value="Январь">Январь</option> </select>
<select> <option value="1990">1990</option>
</select><br>Знакомые технологии:
<br><select multiple>
<option>HTML</option>
<option selected>CSS</option>
<option>JavaScript</option>
<option>Node.js</option></select>
<br>
<label for="foto">Фото:
<input id="foto" type="file">
</label>
<br>
<input type="submit" value="Сохранить">
</form>