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


trialex3 12.08.2017 в 01:16

Не понял. Конкретно вот эту строчку где прописывать? <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 12.08.2017 в 02:28

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

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

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

trialex3 12.08.2017 в 10:08

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

ivashkevich 13.08.2017 в 14:47

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

Nikolas 12.07.2018 в 09:16

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

Sony 14.11.2017 в 07:39

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

ivashkevich 16.11.2017 в 19:36

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

Serg 13.02.2018 в 19:40

Круто!

ilya 06.02.2019 в 16:30
<!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 07.02.2019 в 13:47

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

grypasha@gmail.com 28.03.2019 в 14:55

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

<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 29.03.2019 в 16:19

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

magnolia.10@mail.ru 06.04.2019 в 10:14
<!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 06.04.2019 в 11:44

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

magnolia.10@mail.ru 06.04.2019 в 12:57
<!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 06.04.2019 в 13:47

Отлично

eldiar1488@mail.ru 14.04.2019 в 08:24
<!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>
ivashkevich 15.04.2019 в 08:08

Ок

Clawson 20.08.2019 в 14:32
<!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 22.08.2019 в 06:47

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

Clawson 22.08.2019 в 13:52

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

sshurdakov@gmail.com 31.10.2019 в 22:53
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугле </title>
</head>
<body>
<form action="/login/">
    <label>
    <label for="loginField">Логин</label>
    <input id="loginField" placeholder="Введите сюда ваш логин" type="Ваш логин" name="login">
  <label for="passwordField">Пароль</label>
       <input id="passwordField" placeholder="Пароль состоит из 8 символов" type="password" name="password">
    <input type="submit" value="Войти">
</form>
</body>
</html>
ivashkevich 01.11.2019 в 01:58

Самый первый лэйбл к чему относится? Почему он не закрыт?

sshurdakov@gmail.com 02.11.2019 в 20:45
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугле </title>
</head>
<body>
<form action="/login/">
    <label for="loginField">Логин</label>
    <input id="loginField" placeholder="Введите сюда ваш логин" type="Ваш логин" name="login">
  <label for="passwordField">Пароль</label>
       <input id="passwordField" placeholder="Пароль состоит из 8 символов" type="password" name="password">
    <input type="submit" value="Войти">
</form>
</body>
</html>
ivashkevich 03.11.2019 в 05:20

Теперь отлично

Vika 19.11.2019 в 13:10
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
 </head>
 <body>
 <h1>Формы</h1>
  <form method="post" action="/login/"> 
    <label for="login1">Логин</label>
    <input id="login1" placeholder="Введите логин" type="text" name="login">
    <label for="password">Пароль</label>
    <input id="password" placeholder="Введите пароль" type="password" name="password">
    <input type="submit" value="Войти">
   </form>
 </body>
</html>
ivashkevich 20.11.2019 в 16:25

С лейблами всё ок. Но вот сама форма нереальная, для логина не используются такие поля. И не указан тип запроса, по умолчанию будет get. Что для логина не годится.

Vika 19.11.2019 в 13:17

"<lable for="qw"> login</label>...<input id="loginField" type="text" name="login">" Я не до конца поняла, между <label> и </label> записывается произвольный текст или указываются такие же данные, как и в "name"?

ivashkevich 20.11.2019 в 16:26

Вспомогательный текст, который поможет понять, для чего это поле.

Логические задачи с собеседований