PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Формы регистрации и авторизации
Daniel1999
Отправлено: 01 Мая, 2018 - 22:09:51
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




Собственно всё в названии. Установлено, что это из за css в файле style.css
Прикрепляю файлы ошибку и style.
Прикреплено изображение (Нажмите для увеличения)
2018-05-02_00-01-17.png

(Отредактировано автором: 01 Мая, 2018 - 22:22:14)

 
 Top
Daniel1999
Отправлено: 01 Мая, 2018 - 22:23:32
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




style.css

(Отредактировано автором: 09 Мая, 2018 - 15:00:48)

 
 Top
Sail
Отправлено: 08 Мая, 2018 - 23:14:19
Post Id



Участник


Покинул форум
Сообщений всего: 1131
Дата рег-ции: Февр. 2014  


Помог: 57 раз(а)




Daniel1999, стили не умеют подставлять "значение из предыдущего окна", если это, например, не картинка фона.
 
 Top
Daniel1999
Отправлено: 09 Мая, 2018 - 14:59:57
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




Sail пишет:
Daniel1999, стили не умеют подставлять "значение из предыдущего окна", если это, например, не картинка фона.
Ok. Если ты разбираешься посмотри на регистрацию вот на этом сайте www[dot]ochyomty[dot]ru Может быть ты больше поймёшь проблему.
 
 Top
andrewkard
Отправлено: 10 Мая, 2018 - 11:57:51
Post Id


Участник


Покинул форум
Сообщений всего: 1208
Дата рег-ции: Нояб. 2014  


Помог: 21 раз(а)




Daniel1999 пишет:
Установлено, что это из за css в файле style.css

нет, это стандартное поведение браузера, Chrome?
 
 Top
Daniel1999
Отправлено: 11 Мая, 2018 - 15:36:58
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




andrewkard пишет:
Daniel1999 пишет:
Установлено, что это из за css в файле style.css

нет, это стандартное поведение браузера, Chrome?

На Хром не обнаружил эту ошибку, как и на Мозилле, Эксплорере
Проблема появляется только на Яндекс браузере. Сейчас полностью очистил всё что было сохранено в браузере. Опишу точнее, может в поле почты для авторизации подставлять город из регистрации, может в городе регистрации подставлять электронную почту.
 
 Top
andrewkard
Отправлено: 11 Мая, 2018 - 16:20:38
Post Id


Участник


Покинул форум
Сообщений всего: 1208
Дата рег-ции: Нояб. 2014  


Помог: 21 раз(а)




Daniel1999 пишет:
Опишу точнее, может в поле почты для авторизации подставлять город из регистрации, может в городе регистрации подставлять электронную почту.

Это автозаполнение, значит ранее Вы вводили в инпуты с таким name эти значения в этом браузере. И он их запомнил и с радостью подставляет Вам.
 
 Top
Daniel1999
Отправлено: 11 Мая, 2018 - 18:52:22
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




andrewkard пишет:
Daniel1999 пишет:
Опишу точнее, может в поле почты для авторизации подставлять город из регистрации, может в городе регистрации подставлять электронную почту.

Это автозаполнение, значит ранее Вы вводили в инпуты с таким name эти значения в этом браузере. И он их запомнил и с радостью подставляет Вам.

Я тоже так думаю.
Я везде поставил autocomplete="off", обнаружилось что ранее в двух местах стоял autocomplete="on". Сейчас подсказывает правильно. Это спиленная форма, поэтому в её дизайне я ничего не понимаю или мало понимаю.

А вот для приличного сайта плохо когда в 2 полях подсказки вставляются, а всего их 6. То есть 2/6.
(Добавление)
В Виндоус Экслорере тоже видно это, так что это не ошибка, точнее это недоработка программиста. Формы регистрации/авторизации думают, что там всего два инпута и соответственно двумя попавшимися значениями заполняют, а там их стало в три раза больше, то есть 6. Я говорил что дело в стилях. Эти формы с одного сайта, который приводил для пользования 20 разных по дизайну форм авторизации и регистрации. Я взял самый лучший и добавил в форму 6 полей, изменил назначение тех полей которые уже были.

В стилях я мало что понимаю.
(Добавление)
Содержание файла с дизайном формы ниже:

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. html { background: url(../images/bg.png) repeat; min-height: 100%; box-sizing: border-box; font: 12px/2 Helvetica Neue, Helvetica, Arial, sans-serif; color: #888; }
  3. ::-webkit-input-placeholder { color: #bbb; }
  4.  
  5. #login { border-radius: 5px; margin: 120px auto; width: 300px; -webkit-perspective: 1000; }
  6. #login h1 { position: relative; margin: 0; padding: 15px; border: 1px solid rgba(0,0,0,.3); border-radius: 5px 5px 0 0; font-size: 16px; text-align: center; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); background-color: #3f7eb6; box-shadow: inset 0 1px rgba(255,255,255,.3);
  7.                 background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.15)); font-family:Tahoma;
  8. }
  9. #login h1:after {       content: ""; position: absolute; width: 100%; bottom: 2px; left: 0; border-bottom: 1px dashed rgba(0,0,0,.5); }
  10. #login a { color: #888; text-decoration: none; }
  11. #login a:hover { color: #369; }
  12. #login p { margin: 0;}
  13. #login .social { display: inline-block; height: 20px; margin-left: 7px; padding: 0 2px; cursor: pointer; border-radius: 3px; }
  14. #login .social:before { content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: top; margin: 3px 5px 0 0; }
  15. #login .social.fb:before { background: url('../images/fc-webicon-facebook.svg') no-repeat; }
  16. #login .social.gp:before { background: url('../images/fc-webicon-googleplus.svg') no-repeat; }
  17. #login .social:hover { color: #333; background: #eee; box-shadow: 1px 1px 1px #bbb; }
  18.  
  19. #login fieldset {       display: block; margin: 0; padding: 20px; background: #fff; border: 1px solid rgba(0,0,0,.3); border-top: 0; border-radius: 0 0 5px 5px; box-shadow: 0 1px 2px #aaa; }
  20. #login input { width: 238px; margin: 0; padding: 12px 10px; border: 1px solid #ccc; outline: none; font-size: 14px; }
  21. #login input:focus { background: #fafafa; box-shadow: inset 0 1px 7px #ddd;}
  22. #login input[type="email"] { border-radius: 3px 3px 0 0; }
  23. #login input[type="password"] { border-width: 0 1px; border-radius: 0; }
  24. #login .form-login input[type="password"] {     border-width: 0 1px 1px 1px;    border-radius: 0 0 3px 3px; }
  25. #login input[type="text"] {     border-radius: 0 0 3px 3px; }
  26. #login input[type="submit"] { width: 260px; padding: 12px 20px; margin: 15px 0; border: 1px solid #C1711B; border-radius: 3px; color: #111; font-size: 1.3em; font-weight: bold; text-shadow: 1px 1px 1px rgba(255,255,255,.5); cursor: pointer;
  27.   background-color: #FFB83A; box-shadow: inset 0 1px 1px rgba(255,255,0,.6);
  28.         background-image: linear-gradient(rgba(255,207,92,.7), rgba(223,156,38,.8));
  29. }
  30. #login input[type="submit"]:hover {     background-color: #F5FF00; }
  31. #login input[type="submit"]:active { padding: 13px 20px 11px; text-shadow: -1px -1px 1px rgba(255,255,255,.6); box-shadow: inset 0 1px 4px rgba(0,0,0,.2); }
  32.  
  33. /* flip animation */
  34. .flip { position: relative; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; }
  35. .form-login,
  36. .form-signup { position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; }
  37. .form-signup { z-index: 2; }
  38. .form-login { -webkit-transform: rotateY(180deg); }
  39. .flip.flipped { -webkit-transform: rotateY(-180deg); }
  40.  
  41. #login input.login-err,
  42. #login input.login-err:focus { color: #C4550B; background-color: #FFEDD7; border-color: #EB975F; }
  43. #login input.login-err::-webkit-input-placeholder { color: #C4550B; }
  44. #login input.login-ok,
  45. #login input.login-ok:focus { color: #4E831F; background-color: #EBFDDC; border-color: #9FCC41; }
  46. #login input.login-ok::-webkit-input-placeholder { color: #4E831F; }
  47.  
  48. #login p.login-msg { display: none; margin: 0 0 5px; font-size: 13px; font-weight: bold; color: #C4550B; }
  49.  

(Отредактировано автором: 13 Мая, 2018 - 04:40:13)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB