html给表单按钮加超链接,使用html链接作为表单按钮

我有一个登录表单，用户(即尚未登录)可以插入他的登录名和密码，填写完这些字段后用户必须按下一个提交按钮。使用html链接作为表单按钮

我想要做的是：用一些CSS样式代替$ html->链接的正常提交按钮。

所以有反正我可以用这样的：

<?php echo $html->link(__("Sign In", true), array("type" => "Sign In", 'class'=>'licitate')); ?>

相反的：

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.thtml中，因此它可以在每一个页面中使用。

问题解决了：

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：

Sign In

<?php echo $form->end(); ?>

感谢。

2009-12-30

Canastro