У меня есть форма входа, где пользователь (который еще не зарегистрирован) может вставить свой логин и пароль, после заполнения этих полей пользователю нужно нажать кнопку отправки.Использование html-ссылки в форме формы
Что я пытаюсь сделать: Замените обычную кнопку отправки для ссылки $ html-> с некоторыми стилями CSS.
Так есть в любом случае я могу использовать что-то вроде этого:
<span class = "licitateThis clearfix">
<?php echo $html->link(__("Sign In", true), array("type" => "Sign In", 'class'=>'licitate')); ?>
</span>
Вместо:
echo $form->end(__('Sign In',true));
создать кнопку отправки для небольшой формы авторизации?
Мой CSS код:
.licitateThis{position:relative;float:left;width:100%;}
.licitateThis a.licitate{display:block;float:left;padding:2px 0 4px;width:100%;background-color:#eee;text-shadow:#fff 1px 1px 1px;text-decoration:none;font-weight:bold;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.licitateThis a.licitate:hover,.licitateThis:hover a{background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}
PS: Форма им пытаются представить его в регистрационную форму, и он расположен в default.ctp, поэтому он может быть использован в каждой страницы.
Проблема решена:
CSS (создан новый класс):
.loginSubmit {color:#0071bb;outline:none; display:block;float:left;padding:2px 0 4px;width:100%;background-color:#eee;text-shadow:#fff 1px 1px 1px;text-decoration:none;font-weight:bold;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.loginSubmit:hover {background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}
PHP:
<button type="submit" class="loginSubmit">Sign In</button>
<?php echo $form->end(); ?>
Спасибо.
Также можно использовать вместо тега
У меня есть css costumization под названием licitation, и я не буду использовать его в моей кнопке отправки, но я не знаю, как это сделать. : S – Canastro
вы все еще можете сделать это на ''. Вам просто нужно немного настроить CSS. Попробуйте удалить определение 'a' на' a.licitate' в CSS. Хотя вам нужно будет использовать javascript вместо: наведите указатель мыши на эффект mouseover – jpdelatorre