Salut,
Ce genre de chose ne se fait pas en affectant un type spécial. Le bouton submit habituel est indispensable. Néanmoins, via JS, tu peux lui donner l'apparence d'un lien.
Exemple :
<?php
header('Content-type: text/html; charset=utf-8');
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-language" content="fr" />
<title>Exemple</title>
<script type="text/javascript"><!--
var oO =
{
/**
* oO.connect(oElem, sEvType, fn, bCapture)
* Affecte un gestionnaire d'événement lors d'un événement sur un élément
*/
connect: function(oElem, sEvType, fn, bCapture)
{
return document.addEventListener ?
oElem.addEventListener(sEvType, fn, bCapture):
oElem.attachEvent ?
oElem.attachEvent('on' + sEvType, fn):
false;
},
/**
* oO.oId(sId)
* Retourne l'élément dont l'id est sId.
*/
oId: function(sId)
{
return document.getElementById(sId);
},
/**
* oO.aTag(oEl, sTag)
* Renvoie un tableau des éléments de tag sTag compris dans l'élément oEl
*/
aTag: function(oEl, sTag)
{
return oEl.getElementsByTagName(sTag);
},
/**
* oO.cancelClick(e)
* Stoppe la propagation d'un événement et annule l'action par défaut d'un élément
*/
cancelClick: function(e)
{
if(e && e.stopPropagation && e.preventDefault) // Pour les navigateurs DOM compliant
{
e.stopPropagation();
e.preventDefault();
}
else if(e && window.event) // Pour IE
{
window.event.cancelBubble = true;
window.event.returnValue = false;
}
return false; // Pour éviter le bug de Safari
},
/**
* oO.replaceSubmit(oEl, sIdForm)
* Remplace le bouton submit du formulaire par un lien
*/
replaceSubmit: function(oEl, sIdForm)
{
var oSubmit;
oEl.parentNode.innerHTML = '<a href="#" id="' + oEl.id + '">' + oEl.value + '</a>';
oSubmit = oO.oId(oEl.id);
return oO.connect(
oSubmit,
'click',
function(e)
{
var oForm;
oForm = oO.oId(sIdForm);
oForm.submit();
return oO.cancelClick(e);
},
false
);
},
/**
* oO.init(sClass, sIdForm)
* Chef d'orchestre du script
*/
init: function(sClass, sIdForm)
{
var aInputs, iInput;
aInputs = oO.aTag(document, 'input');
iInput = aInputs.length;
do if(aInputs[--iInput].className === sClass)
oO.replaceSubmit(aInputs[iInput], sIdForm);
while(iInput > 0);
return true;
}
};
oO.connect(window, 'load', function() { oO.init('submit', 'monForm'); }, false);
//--></script>
</head>
<body>
<form action="verif.php" method="post" id="monForm">
<fieldset>
<legend>Formulaire d'authentification</legend>
<div>
<label for="pseudo">Pseudo : </label>
<input type="text" name="pseudo" id="pseudo" />
</div>
<div>
<label for="mdp">Mot de passe : </label>
<input type="password" name="mdp" id="mdp" />
</div>
<div>
<input type="submit" name="submit" class="submit" id="submit" value="Envoyer" />
</div>
</fieldset>
</form>
</body>
</html>
