Utiliser le lien html comme bouton de formulaire

Question

J'ai un formulaire de connexion où un utilisateur (qui n'est pas encore connecté) peut insérer son identifiant et mot de passe, après avoir rempli ces champs, l'utilisateur doit appuyer sur un bouton soumettre. Ce que j'essaye de faire est: Remplacer le bouton normal d'envoi pour un lien $ html-> avec quelques styles de css.

Ainsi est-il de toute façon je peux utiliser quelque chose comme ceci:

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

Au lieu de:

echo $form->end(__('Sign In',true)); 

pour créer un bouton pour soumettre un petit formulaire de connexion?

Mon code 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: La forme im essayant de soumettre son un formulaire de connexion, et se situe à default.ctp il peut être utilisé dans toutes les pages.

Problème résolu:

CSS (créé une nouvelle classe):

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

Merci.

Answer 1

Qu'est-ce que vous essayez de faire ici? Une raison pour laquelle vous devez utiliser l'ancre <a> pour votre bouton d'envoi?

Si tout ce que vous voulez est de faire ressembler votre bouton d'envoi à un lien, alors vous pouvez le faire en utilisant css.

Ou si vous voulez juste de mettre votre bouton soumettre un autre endroit autre que l'étiquette à côté </form>, alors vous pouvez simplement mettre <button type="submit" class="licitate">Sign In</button> ne importe où dans la forme et utiliser <?php echo $form->end(); ?> pour fermer le formulaire.

Answer 2

oui mais ce n'est généralement pas une bonne idée. vous allez devoir utiliser javascript ..

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

avec CakePHP peut-être

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

Answer 3

Son problème est qu'une balise d'ancrage ne peut pas soumettre le formulaire sans javascript. $ html-> link fait un lien, pas un type d'entrée de submit, pas un bouton de type submit.

Si vous voulez simplement utiliser un bouton, écrivez le html CORRECT pour celui-ci à la main.

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

Answer 4

Si je comprends le droit d'auteur que vous voulez essayer si votre utilisateur est déjà connecté? si c'est le cas, créez d'abord une fonction qui vérifie si un utilisateur est connecté ou non. Puis le vérifier

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