Вот код. Не работает атрибут required, tabindex и maxlength! Подскажите в чем проблема!!!
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<meta name="discription" content="Описание">
<meta nemr="keywords" content="ключевые слова">
<title>site</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Вход/Регистрация</h1>
<hr>
<form action="htsh.ru" method=post>
<p1>Ваш пол:</p1>
<br>
<label for="id_gender_male"><input type="radio" name="gender" value="male" id="id_gender_male">Мужской</label>
<label for="id_gender_female"><input type="radio" name="gender" value="female" id="id_gender_female" checked="checked">Женский</label>
<br>
<hr>
<div name=year>
<p1>Введите дату своего рождения:</p1>
<br>
<input type="date" class="date" name="date" placeholder="Введите свой год рождения" required>
</div>
<hr>
<br>
<p1>Ваш возраст:</p1>
<br>
<input type="number" name="age" min="5" max="200" step=1 autocomplete="on" placeholder="гг" tabindex="4" maxlength="3" required>
<hr>
<br>
<p1>Введите ваш телефон:</p1>
<br>
<input type="tel" name="phone" placeholder="x-xxx-xxx-xx-xx" pattern="7-[0-9]{3}-[0-9]{3}-[0-9]{4}" autocomplete="on" tabindex="5" maxlength="11" required>
<hr>
<br>
<p1>Введите ваш email:</p1>
<br>
<input type="text" name=email pattern="([A-z0-9_.-]{1,})@([A-z0-9_.-]{1,}).([A-z]{2,8})" placeholder="youradress@mail.com" autocomplete="on" required>
<br>
<p1>Логин:</p1>
<br>
<input type="login" name="login" maxlength="12" placeholder="Уникальное имя" required>
<br>
<p1><label for="id_password">Пароль:</label></p1>
<br>
<input type="password" name="password" id="id_password" placeholder="Пароль для последующего входа" maxlenght="20" required>
<hr>
<br>
<label for="id_adress"><p1>Введите адрес доставки:</p1></label>
<br>
<input type="text" id="id_adress" name=country placeholder=Россия disabled required>
<input type="text" id="id_adress" name="town" placeholder="город" required>
<input type="text" id="id_adress" name="street" placeholder="улица" required>
<input type="text" id="id_adress" name="house" placeholder="дом" required>
<input type="text" id="id_adress" name="flat" placeholder="квартира" required>
<input type="text" id="id_adress" name="entrance" placeholder="подъезд" required>
<input type="text" id="id_adress" name="index" placeholder="индекс" required>
<hr>
<br>
<textarea cols="40" rows="5" name="acomments" wrap="hard">Введите ваши коментарии</textarea>
<br>
<textarea cols="40" rows="5" name="wishes" wrap="hard">Введите ваши пожелания</textarea>
<br>
<p1>Фото(логотип)</p1>
<input type="file" name="photo" value="Вставьте фото">
<hr>
<div class="button">
<label for="subscribe">Подписаться</label>
<input type="checkbox" id="subscribe" class="subscribe" name="subscribe">
<br>
<input type="submit" class="submit" value="Зарегестрироваться">
<input type="reset" class="reset" value="Сбросить">
<!--<button type="submit" class="submit" value="Зарегестрироваться">
<img src="img/20180701172611.png" alt=Регистрация>
</button>
<button type="reset" class="reset" value="Сбросить">
<img src="img/20180701172611.png">
</button>-->
<br>
</div>
</form>
</body>
</html>
Что за тег новый появился?
7 одинаковых id…
1 лайк
Так там же label стоит для них. И про какой новый атрибут вы говорите?
Если Вам нужен абзац – замените на <p>Ваш пол:</p>
.
И не придется ставить такое количество <br>
Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз, иначе (в данном случае label) не понятно к какому из них обращаться.
2 лайка