Hace unos días creé mi primera versión para crear simular un enlace a partir de un botón de formulario con CSS. Aquella versión tenía el problema de no ser muy compatible entre navegadores. De hecho, sólo se conseguía a la perfección en Internet Explorer. Para verse en Firefox u Opera tenía que simular un borde inferior.
Bien, he encontrado la forma perfecta de simularlo. La clave está en usar la etiqueta <button> en lugar de <input>. Aquí está el ejemplo:
<html>
<head>
<style type="text/css">
.boton2 {
padding:0;
border: 0px none transparent;
background-color: transparent;
cursor: pointer;
}
.boton2 span {
text-decoration: underline;
color: blue;
}
</style>
</head>
<body>
<form name="form2" action="">
<button type="submit" class="boton2">
<span>botón</span>
</button>
</form>
</body>
</html>
Y aquí está la demostración.
Ahora falta ver si es adecuado enmascarar un botón en la forma de un vínculo. :)
Yo justo acabo de recomendarle a un cliente que no haga eso, que los botones se reconozcan como tales ya que ejecutan acciones de mayor importancia que los vínculos.
Bueno, no hace falta enmarcar el texto entre . Se puede meter entre o y dar estilo.
En cuanto a si el hecho de pretender simular un botón como enlace es bueno o malo depende. En el proyecto que estoy, un estudio que se encargó sobre usabilidad recomienda poner un enlace, pero técnicamente es mejor poner un botón para memorizar los datos del formulario. Desde un punto de vista funcional es lógico que aparente ser un enlace. Este botón no termina la operación de envío del formulario (un formulario que crea un expediente), sino que lleva al usuario a otra página para cumplimentar un formulario subordinado al principal (crea un tercer interesado). Cuando termina de cumplimentar el subordinado, regresa al formulario principal, y es ahi donde puede ver un botón "Crear expediente" que termina la operación.
Yo estoy de acuerdo contigo. Me parece muy recomendable usar los elementos para lo que son. Pero todo depende del caso particular que te toque tratar, y este caso es un poco especial. Además, tampoco creo que sea tan malo teniendo en cuenta que incluso la propia W3C ha creado un para poder cambiar la apariencia de un botón.