使用 html 链接作为表单按钮

Question

我有一个登录表单，用户（尚未登录）可以在其中插入他的登录名和密码，填写完这些字段后，用户必须按下提交按钮。

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

那么有没有我可以使用这样的东西：

<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(); ?>

谢谢。

Answer 1

你想在这里做什么？为什么需要为提交按钮使用锚点<a> 标签？

如果您只想让提交按钮看起来像一个链接，那么您可以使用 css 来实现。

或者，如果您只想将提交按钮放在</form> 标签旁边以外的其他位置，那么您可以将<button type="submit" class="licitate">Sign In</button> 放在表单内的任何位置，然后使用<?php echo $form->end(); ?> 关闭表单。

Answer 2

他的问题是锚标签不能在没有javascript的情况下提交表单。 $html->link 创建一个链接，不是提交的输入类型，也不是提交类型的按钮。

如果您只想使用一个按钮，请手动为其编写正确的 html。

    ... other form code here
    <button type="submit" class="licitation">
        Sign In
    </button>
    <?php echo $form->end( );

Answer 3

如果我理解你想在你的用户已经登录的情况下尝试的 wuestion 权利吗？ 如果是这样，首先创建一个函数来检查用户是否登录。 然后检查一下

<span class = "licitateThis clearfix">
  <?php if(userisalreadyloggedin())
   echo '<a href="login.php" class ="licitate"> Singin</a>';
  ?>
</span>

Answer 4

是的，但这通常不是一个好主意。你将不得不使用 javascript..

<a href="#" onclick="document.formName.submit()">

也许用 cakephp

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