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

doubledonea 14.04.2017 в 21:17

Здравствуйте. Сделал простую форму регистрации https://jsfiddle.net/abybmtkz/. Не понимаю, почему width у .email установилось по всей ширине родителя. Есть предположение, что .email унаследовал ширину родителя. Но ведь тогда и остальные блоки должны были унаследовать, а у них ширина установилась по содержимому. Можете объяснить?)

ivashkevich 17.04.2017 в 05:02

Если для класса email добавите те же свойства, что и остальным:

left: 50%;
margin-left: -25%;

То получите аналогичное отображение. Всё дело в заданных отступах.
https://jsfiddle.net/abybmtkz/1/

nastasya95 30.07.2018 в 10:40

Здравствуйте.Объясните пожалуйста, который пишем URL (который в action)? не поняла принцип,откуда он берется и куда должен вести...Пыталась сделать для поиска в гугл

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
  <title>Форма поиска в Гугл</title>
</head>
<body>
<form action="https://www.google.ru/">
<input type="text" name="text">
<input type="submit" value="Поиск">

</form>

</body>
</html>
ivashkevich 30.07.2018 в 17:14

Для этого можно зайти на гугл и вбить любой поисковый запрос. В адресной строке вы получите:
https://www.google.ru/search?q=php
Значит нужно сделать input, у которого name=q. Его значение передастся QUERY-параметр q.

nastasya95 31.07.2018 в 09:16

А почему когда я вбиваю в гугл любой поисковой вопрос мне на странице найденного в адресной строке прописывает что то вроде этого

https://www.google.by/search?source=hp&ei=gP1fW92RGoeWa5bkscgC&q=%D0%BE%D1%82%D0%B4%D1%8B%D1%85&oq=%D0%BE%D1%82%D0%B4%D1%8B%D1%85&gs_l=psy-ab.3..0l10.3942.4988.0.6638.5.5.0.0.0.0.125.497.2j3.5.0....0...1..64.psy-ab..0.5.495...0i131k1.0.B8AE4I8MxmM

А name что то вообще обозначает? Это не произвольное имя поля для галочки?

ivashkevich 31.07.2018 в 17:15

Гугл еще кучу мусора добавляет в запрос, ему это нужно для сбора статистики. В name указывается имя поля - это совсем не произвольное имя.

<input type="text" name="text">

сформирует адресную строку http://адрес/?text=тут_текст_из_поля

а вот

<input type="text" name="q">

при отправке запроса сформирует следующую адресную строку:
http://адрес/?q=тут_текст_из_поля

Dilik 11.08.2018 в 17:07
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>the mail.ru search form</title>
</head>
<body>
<form action="https://go.mail.ru/search">
<input type="text" name="q">
<input type="submit" value="Найти в MAIL">
</form>
</body>
</html>
ivashkevich 12.08.2018 в 06:00

Отлично!

romakolor@gmail.com 18.08.2018 в 20:39

У меня не работает

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Пробная форма</title>
</head>
<body>
<form>
    <input type="text" name="text">
    <input type="submit" value="Найти в Яндексе"
</form>
</body>
</html>
ivashkevich 20.08.2018 в 23:13

У <form> должен быть атрибут action.

romakolor@gmail.com 21.08.2018 в 11:56

Точно, спасибо.

rewsteer 13.01.2019 в 23:46
<!DOCTIPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>Новости Домбасса </title>
</head>
<body>
<form action="https://www.google.ru/search/">
<input type ="text" name="newwindow">
<input type="submit" value="Поиск">
</body>
</html>
404. That’s an error.

The requested URL /search/?newwindow=%D0%B4%D0%B5%D1%80 was not found on this server. That’s all we know.

В чём проблема?

ivashkevich 16.01.2019 в 09:02
  1. После /search не нужен слэш
  2. Параметр для поискового запроса в гугле - q, а не newwindow
rewsteer 16.01.2019 в 13:47

почему сейчас у меня в гугле после знака вопроса написано "source"? я думал,что в атрибут name мы вписываем именно то, что после занака вопроса и слова search и перед знаком "=".
Вот, что мне выдаст гугл, если я попытаюсь что-то найти

https://www.google.com.ua/search?source=hp&ei=bAk_XLTxNujhrgS-y46ICw&q=получение+cdl+острота+зрения&oq=&gs_l=psy-ab.1.0.35i39l6.0.0..2241...2.0..0.74.74.1......0......gws-wiz.....6.qlPAWP7T9oE

И как тогда понять? что я должен написать в атрибут name?

ivashkevich 16.01.2019 в 15:25

Нужно найти атрибут, в котором находится ваш поисковый запрос. В вашем примере это q

miv1197@mail.ru 28.07.2019 в 09:35
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Перевод в Google</title>
  </head>
  <body>
    <p>Перевести в Google с английского на русский</p>
    <form action="https://translate.google.ru/">
      <input type="text" name="text">
      <input type="submit" value="Перевести в Google">
    </form>
  </body>
</html>

Правильно? Но я проверял, у меня получилось

ivashkevich 28.07.2019 в 13:39

Отлично

kvakazuabr 05.10.2019 в 21:43

не

ivashkevich 05.10.2019 в 21:47

Что не?

morethanhyper@gmail.com 12.10.2019 в 11:32
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Поиск в StackOverFlow</title>
</head>
<body>
<form action="https://ru.stackoverflow.com">
    <input type="text" name="q">
    <input type="submit" value="Найти">
</form>
</body>
</html>
ivashkevich 12.10.2019 в 12:36

Отлично

sshurdakov@gmail.com 29.10.2019 в 23:10
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугле </title>
</head>
<body>
<form action="https://www.google.ru/search" method="get">
<input type="text" name="q">
    <input type="submit" value="Найти в Гугле">
</form>
</body>
</html>

сначала поставил после search /. потом поглядел в имени надо ставить q
ivashkevich 30.10.2019 в 04:40

Верно

Vika 16.11.2019 в 20:54
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Формы</title>
 </head>
 <body>
  <h1>Формы</h1>
  <form action="https://www.google.ru/">
  <input type="text" name="text">
  <input type="submit" value="Найти в Google">
  </form>
 </head>
</html>
ivashkevich 18.11.2019 в 10:56

Супер!

eNergy 05.01.2020 в 14:26
<!DOCTYPE html>
<html>
<head>
    <title>Форма отправки</title>
</head>
<body>
    <form action="https://yandex.ru/search/">
        <input type="text" name="text">
        <input type="submit" value="Поиск в Яндексе">
    </form>
</body>
</html>
ivashkevich 06.01.2020 в 16:33

Отлично

vitalik 29.01.2020 в 20:49
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Яндекс переводчик</title>
</head>
<body>
  <form action="https://translate.yandex.ru">
     <input type="text" name="text">
     <input type="submit" value="Перевести">
  </form>
</body>
</html>
ivashkevich 31.01.2020 в 13:12

Отлично

Lyubav4ik 02.03.2020 в 04:33
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Таблица с заданными размерами</title>
    <style>
        table {
            width: 100%;
            margin: avto;
            text-align: center;
            background-color: pink;
        }

        td, th {
            width: 15%;
        }
        .td50% {
            width: 70%;
        }
    </style>
</head>
<body>
<table>
    <caption><h1>Выбери свой лук</h1></caption>
    <tr>
    <td><img src="https://i.pinimg.com/736x/82/a8/44/82a844d520a5dc7ac45fba8f58c008fa.jpg", width="50%"></td>
    <td class="td50%", rowspan="3"><iframe width="560" height="315" src="https://www.youtube.com/embed/AatiNtfhZDE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
    <td><img src="https://news-intime.ru/wp-content/uploads/2018/07/modnye-luki-osen-60.jpg", width="50%"></td>
    </tr>
    <tr>
    <td><img src="https://ledixbeauty.ru/wp-content/uploads/2018/12/luki-vesna-leto.jpg", width="50%"></td>
    <td><img src="https://lifestylewomens.ru/wp-content/uploads/2019/04/delovoj-stil-odezhdy-91.jpg", width="50%"></td>
    </tr>
</table>
<h1 align="center">Найти свой образ<h1>
<form align="center", action="https://yandex.ru/search/" method="get">
    <input type="text" name="text">
    <input type="submit" value="Найти">
</form>
</body>
</html>
ivashkevich 05.03.2020 в 03:15

Отлично

mariya-go 05.03.2020 в 23:57

Вы писали что атрибут name является обязательным для тега input. Почему тогда в вашем примере у второго тега input нет атрибута name?

ivashkevich 06.03.2020 в 06:00

Конкретно для submit он не нужен. Это просто кнопка для отправки запроса.

leshikzoloto@gmail.com 09.03.2020 в 15:55
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Форма поиска в Рамблер</title>
</head>
<body>
<form action="https://www.rambler.ru/">
<input type="text" name="text">
<input type="submit" value="Найти в Рамблер">
</form>
</body>
</html>
ivashkevich 10.03.2020 в 16:42

Отлично

garetziro@gmail.com Patron 08.04.2020 в 12:05

Не могу понять атрибут "name". Для яндекса необходимо значение "text", для google нужно "q". Как все это объясняется?
Описание с htmlbook: "Определяет имя, которое будет использоваться для доступа к элементу <form>, к примеру, в таблицах стилей css. Является аналогом атрибута id."
Все понятно, а вот как сообразить этот "name" - хз. А ведь ключевой атрибут, как я понимаю.

ivashkevich 08.04.2020 в 14:51

Вы не поняли. Это просто имя для поля. Полей в форме может быть несколько и все с разными именами. У яндекса параметр в поиске имеет одно название, а у гугла другое.

Artt Patron 17.04.2020 в 13:56
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Google Search form</title>
</head>
    <body>
    <div class="gcse-search">
        <script async src="https://cse.google.com/cse.js?cx=004523371021437581635:0q77lqgocgg"></script>
    </div>
    </body>
</html>

Видимо, я не совсем правильно понял задание. Вот что получилось.

ivashkevich 18.04.2020 в 05:20

Нужно описать форму, которая будет формировать поисковой запрос для Гугла. Аналогично той, что сделана в уроке для Яндекса.

Artt Patron 17.04.2020 в 14:13
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Google Search form</title>
</head>
<body>
    <form action="https://www.google.com/search">
        <input type="text" name="q">
        <input type="submit" value="Search in Google">
    </form>
</body>
</html>

Новый вариант!

ivashkevich 18.04.2020 в 05:21

Это то, что нужно

mar4ello19922@gmail.com 17.04.2020 в 18:46

Ураа, получилось)

<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугле</title>
</head>
<body>
<form action="https://google.com/search">
    <input type="text" name="q">
    <input type="submit" value="Найти в Гугле">
</form>
</body>
</html>
ivashkevich 18.04.2020 в 05:52

Красавэлла! =)

Solodalex 21.04.2020 в 11:25
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Поиск в Гугле</title>
</head>
<body>
    <form action="https://www.google.com/search">
        <input type="text" name="q">
        <input type="submit" value="Поиск в Гугле">
    </form>
</body>
</html>
ivashkevich 21.04.2020 в 18:19

Отлично

IePyton Patron 30.04.2020 в 14:39
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Гугл</title>
</head>
<body>
<form  action="https://www.google.ru/search">
   <label for="fieldGoogle">Введите поисковый запрос</label></td>
            <input id="fieldGoogle" type="text" name="q">
            <input type="submit" value="Найти в Гугл">

</form>

</body>
</html>
ivashkevich 30.04.2020 в 19:07

Отлично

YouMayRun 13.05.2020 в 17:46
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Форма поиска в Google</title>    
    </head>
    <body>

    <form action="https://www.google.ru/search" method="get">
    <input type="text" name="q">
    <input type="submit" value"Найти в Google">
    </form>

</body>
</html>
ivashkevich 14.05.2020 в 12:57

Отлично!

tamilagalaeva@mail.ru 16.05.2020 в 00:43
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Весь спектр услуг, квалифицированные мастера, оптимальнеы цены">
        <meta name="keywords" content="салон красоты, Ингушетия, Сунжа, лазерная эпиляция, маникюр, массаж">
        <title>Studio TG- студия красоты и здоровья Тамилы Галаевой </title>
        <style>
        body{ background-color: #F9F2E3;} 
        h1 {color: brown;
        padding: 50px;
        font-size: 50px;}
        h2 {color: red;
        }
        p {font-size: 25px;}
        .fig {  text-align: center;}
        .myClass {font-size: 35px;}

                </style>
    </head>
    <body>
    <form action= "https://google.ru/search/">
    <input type= "text" name="text">
    <input type= "submit" value= "Найти в Google">
</form>
    <table>

    <tr>
         <td><label for="loginField">Логин</label></td>
         <td><input id="loginField" type="text" name="login"></td>
    </tr>
    <tr>
        <td><label for="passwordField">Пароль</label></td>
        <td><input id="passwordField" type="password" name="Пароль"></td>

     </tr>
     <tr>
        <td colspane="2" style="text-align: center">
        <input type="submit" value="Войти"></td>
        </tr>
    </table>

    <h1>Студия красоты и здоровья Тамилы Галаевой</h1>
    <p class="fig"><img src="img/studio.jpg" alt="Логотип студии" width="400">
        <p>
        В нашей студии вы сможете получить широкий спектр услуг, такие как парикмахерские услуги, 
        ногтевой сервис, косметология, 
        массаж, хиджама, лазерная эпиляция и многое другое.
    </p>
    <p>
        Наши специалисты систематически проходят повышения
        и всегда в курсе новейших методов и технологий, используемых в бьюти-сфере.
        </p>
        <p>
        Одной из первостепенных задач
        нашей студии это забота о вас и о вашем здоровье. Поэтому <strong>аспекту стерилизации и дезинфекции мы уделям особое внмание</strong>. Маникюрные и косметологические
        инструменты проходят все установленные этапы дезинфекции,ПСО и стерилизации. При клиенте вскрывается крафт-пакет с находящимся внутри индикаторм, по которму можно судить о 
        долженой выдержке времени и температуры воздействия на инструмент. 
        <em>Вы можете доверять нам. И мы вас не подведем.</em>
        </p>

    <h2>Перечень услуг:
    </h2>
    <h3 class="myClass">Парикмахерский зал</h3>
    <ul>
       <li>Стрижки</li>
       <li>Укладки</li>
       <li>Окрашивания</li>
       <li>Ботокс волос</li>
       <li>Кератиновое выпрямление</li>
     </ul> 
    <br>
    <h3 class="myClass">Ногтевой сервис</h3>
    <ul>
       <li>Маникюр</li>
       <li>Педикюр</li>
       <li>Наращивание ногтей</li>
       <li>Покрытие гель-лаком</li>
       <li>Дизайн и инкрустация стразами</li>
     </ul> 
    <br>
    <h3 class="myClass">Косметология</h3>
    <ul>
       <li>Чистки</li>
       <li>Пилинги</li>
       <li>Маски</li>
       <li>Контурная пластика</li>
       <li>Шлифовки</li>
     </ul> 
    <br>
    <h3 class="myClass">Массаж</h3>
    <ul>
       <li>Аппаратный массаж</li>
       <ul>
       <li>
      <a href="book1.html">-Liposonix</a>
      </li>
       <li>-Криолиполиз</li>
       <li>-RF-лифтинг</li>
       </ul>
       <li>Ручной массаж</li>
       <ul>
       <li>-Лечебный взрослый</li>
       <li>-Детский</li>
       <li>-Антицеллюлитный</li>
       </ul>

     </ul> 
    <br>
    <h3 class="myClass">Хиджама</h3>
    <ul>
       <li>Общая</li>
       <li>Капилляротерапия</li>
     </ul> 
    <br>
    <h3 class="myClass">Визаж</h3>
    <ul>
       <li>Вечерний макияж</li>
       <li>Дневной макияж</li>
       <li>Свадебный макияж</li>
     </ul> 

    <br>
    <h3 class="myClass">Брови/ресницы</h3>
    <ul>
       <li>Коррекция бровей</li>
       <li>Окрашивание краской</li>
       <li>Окрашивание хной</li>
       <li>Коррекция без выщипывания</li>
       <li>Наращивание ресниц</li>
       <li>Ламинирование ресниц</li>
       <li>Ламинирование бровей</li>
     </ul> 

    </body>
</html>
ivashkevich 16.05.2020 в 12:20

Нет закрывающего тега form. Все инпуты в одной форме оказались. Грубая ошибка.

tamilagalaeva@mail.ru 18.05.2020 в 01:23

а так?

vitaliyt20100@yandex.ru Patron 05.06.2020 в 13:22
<!DOCTIPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>Форма для поиска в Google</title>
</head>
<body>
<form action="https://www.google.ru/search">
<input type ="text" name="q">
<input type="submit" value="Поиск в Google">
</body>
</html>

Самая большая трудность в этой домашке - поиск подводных камней, которых не оказалось:)
После этого урока воткнул формы в скелетик своей странички. Тут же выяснилось, что для обработки ответов юзеров нужно писать скрипт, а этого не умею (пока не умею).

ivashkevich 06.06.2020 в 08:23

Да, это изучается далее в курсе PHP

stg1981.29@gmail.com Patron 20.06.2020 в 13:30
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Yahoo</title>
</head>
<body>
<form action="https://search.yahoo.com/search">
    <input type="text" name="ylt">
    <input type="submit" value="Найти в Yahoo!">
</form>
</body>
</html>
ivashkevich 21.06.2020 в 08:21

А в гугле? Откуда взялось ylt?

stg1981.29@gmail.com Patron 20.06.2020 в 15:34

При выполнении моей программы появляется окно, как у тебя в уроке. Вводишь слово и нажимаешь кнопку поиска. Появляется окно поисковика Yahoo и там надо вводить снова данные для поиска. Так и должно быть? Или я что-то неправильно сделала?

ivashkevich 21.06.2020 в 08:23

Нет. Уже должен быть текст в поисковике. У yahoo за поисковое значение отвечает параметр p

stg1981.29@gmail.com Patron 21.06.2020 в 21:24

Спасибо, всё получилось. Ты спрашиваешь, откуда появилось ylt? Я сделала так, как ты писал в каком-то комменте. Написала запрос в Yahoo и взяла после search значение ylt.

ivashkevich 22.06.2020 в 07:10

описание картинки
Странно. Когда я ввожу в yahoo поисковый запрос, он попадает в параметр p.

YuriyRa 20.06.2020 в 21:12
<!DOCTYPE html>
 <html lang="ru">
  <head><title>Форма поиска в GOOGLE</title>
      <meta charset="utf-8">
  </head>
  <body>
     <form action="http://google.com/search">
         <input type="text" name="text">
         <input type="submit" value="Поиск в Гугл">
      </form>
  </body>
 </html>
В результате в гугл поиск перехожу, но текст из текстового инпута не переносится, соответственно и результатов поиска нет. А с яндексом работает нормально. Хотелось бы узнать в чем секрет?
ivashkevich 21.06.2020 в 08:24

В имени инпута. Нужно же смотреть, по какому query-параметру гугл ищет...

YuriyRa 21.06.2020 в 20:34

Да, я разобрался, спасибо.

ivashkevich 21.06.2020 в 20:46

И что в итоге получилось?)

YuriyRa 21.06.2020 в 22:18

В имени вместо text нужно прописать q

ivashkevich 22.06.2020 в 07:11

Отлично

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