Чат Telegram
Группа ВКонтакте
Новый комментарий


trialex3

Не понял. Конкретно вот эту строчку где прописывать? <label for="loginField">Логин</label> Прямо в теге <form>? или в head в стилях?
Если прямо в форме то у меня не работает.

<form>
<label for="1"> One </label>
<label for="2"> Two </label>
<input id="1" type="text" name="text">
<p>
<input id="2" type="text" name="text">
<p>
<input id="1" type="text" name="text">
<p>
<input id="2" type="text" name="text">
<p>
<input id="1" type="text" name="text">
</form> 
ivashkevich

У вас сразу несколько ошибок:

  1. тег <p> является парным
  2. id и name у каждого input должны быть уникальными! Перечитайте внимательно статью, это выделено жирным текстом.

Исправьте данные ошибки и всё заработает. И повнимательнее, не торопитесь.

trialex3

то есть нельзя привязать один id к нескольким полям? Это было бы удобно.

ivashkevich

Нет, нельзя. Как вы это представляете? Нажимаете на один лэйбл и курсоры появляются сразу в трёх полях? Сложно представить, для чего такое может понадобиться. Идентификатор на то и идентификатор, что позволяет однозначно что-либо идентифицировать.

Nikolas

чтобы задать какие-то одинаковые параметры нескольким элементам,например css-стили, существует атрибут class.
Синтаксис <p class="luboe-nazvanye">. Думаю это то,что автор хотел( для будущих поколений)

Sony

Не очень понимаю последнюю часть. Что должно произойти и почему между двумя строчками стоит многоточие? Это значит ,что лейбл может быть где-то выше,в тексте ,но при нажатии будет направлять на это поле?

ivashkevich

Да, всё именно так.

Serg

Круто!

ilya
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="/login/"method="get">
        <label>
            Логин 
            <input type="text"name="login"value="ivanovulya78">
        </label>
        <br>
        <label>
            Пароль 
            <input type="text"name="password"value="Не менее 8 символов">
        </label>
        <input type="submit"value="Войти">
    </form>
</body>
</html>
ivashkevich

Поле для пароля должно быть с типом password

grypasha@gmail.com

Этот код правильный?

<form action="https://google.com/search/">
    <label for="loginField">Login</label>

       <input id="loginField" type="text"name="Login">

       <label for="passwordField">Password</label>

       <input id="passwordField" type="password" name="password">

          </form>
ivashkevich

type="text"name="Login"> - должен быть пробел

magnolia.10@mail.ru
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Яндексе</title>
</head>
<body>
<form action="https://yandex.ru/search/">

    <input type= "text" name="text" value="карта Яндекса">
    <input type="submit" name="text" value="Найти в Яндексе"><br>
<label for="loginField">Логин</label>
<p>Введите сюда логин</p>
<input id="loginField" type="text" name="login"><br>
<label for="passwordField">Пароль</label>
<p>Введите сюда пароль</p>
<input id="passwordField" type="text" name="password">

</form>
</body>
</html>
ivashkevich

Почитайте еще про CSS-свойство placeholder для полей ввода. Призывы к действию делаются с его помощью.

magnolia.10@mail.ru
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Яндексе</title>
<style>
[placeholder] {
  background: linear-gradient(to right top, bisque 50%, cornsilk 50%);
}
</style>
</head>
<body>
<form action="https://yandex.ru/search/">

    <input type= "text" name="text" value="карта Яндекса">
    <input type="submit" name="text" value="Найти в Яндексе"><br>
<label for="loginField">Логин</label>
<input id="loginField" placeholder="Введите сюда логин" type="text" name="login"><br>
<label for="passwordField">Пароль</label>
<input id="passwordField" placeholder="Введите сюда пароль" type="text" name="password">

</form>
</body>
</html>
ivashkevich

Отлично

eldiar1488@mail.ru
<!DOCTYPE html>
<html>
<head>
<title>Формы в html</title>
    <meta charset="UTF-8">
    <meta name="description" content="Формы в html">
    <meta name="keywords" content="Найти в Яндексе">
</head>
<body>
<form action="/login/">
 <label for="loginField">Логин</label>
    <input id="loginField" type="text" name="login">
 <label for="passwordField">Пароль</label> 
 <input id="passwordField" type="text" name="pasword">
<input type="submit" value="Войти">

</form>

</body>

</html>
Clawson
<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <title>Формы</title>
</head>

<body>
    <form action="https://www.google.com/search" method="get">
        <table>
            <tr>
                <td>
                    <input type="text" name="q" id="queue">
                </td>
                <td>
                    <input type="submit" value="Найти в гугл">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="fNameField">Имя</label>
                </td>
                <td>
                    <input type="text" name="fname" id="fNameField" placeholder="Иван">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="sNameField">Фамилия</label>
                </td>
                <td>
                    <input type="text" name="sname" id="sNameField" placeholder="Иванов">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="passwordField">Пароль</label>
                </td>
                <td>
                    <input type="password" name="password" id="passwordField" placeholder="Введите пароль">
                </td>
            </tr>
        </table>
    </form>

</body></html>
ivashkevich

Для чего в одной форме не связанные между собой данные? Разделите на 2 формы.

Clawson

Не хотелось кидать каждое мелкое задание к каждому уроку. Вот и кинул сразу несколько в одном %) Буду разделять. Спасибо.

Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Логические задачи с собеседований