botón vs input type = "submit" vs un onclick = "document.formname.submit()"

Question

Sólo tratando de poner en práctica estos botones en la actualidad http://web.archive.org/web/20110721191046/http://particletree.com/features/rediscovering-the-button-element/

no puede decidir qué ir para, desde aquí usamos principalmente IE6. Por lo que yo puedo decir ...

botón:

• le permite enviar el formulario como de costumbre (es decir, oprimir la tecla Enter en el formulario), le permitirá desactivarlo, compatible con las normas, no lo hace depender de JavaScript
• no: ciernen en IE6 sin utilizar Suckerfish, pero después no se puede diseñarlo en consecuencia y se limitan a un solo color de fondo & tiene un borde negro horrible en IE6

input type = "submit":

• También vamos a enviar el formulario como de costumbre
• No se puede incluir imágenes por lo que tendrá una cantidad ridícula de archivos de clase para lo que necesito, y otra vez sin : hover en IE6 sin Suckerfish

un onclick = "document.formname.submit()"

• fácil de peinar en IE6 sin cualquier hacks
• No es tan fácil trabajar con él, ¡sin hacks! es decir, no puede enviar el botón con la tecla Entrar

... así que me pregunto, de los tres, cuál es el preferido en general? Idealmente, supongo que quiero la función sobre el estilo, pero es un requisito tener Javascript habilitado aquí (es solo para una página intranet) y supongo que a la gente en general no le importa demasiado lo que está sucediendo en el fondo? Hmm.

Answer 1

Vaya por onclick = "document.formname.submit()" ruta por estilo y agregue el botón oculto para la funcionalidad.

Answer 2

Recomiendo el botón enviar, simplemente porque eso es exactamente lo que está ahí. Si tiene usuarios discapacitados, el botón de envío será el más significativo para ellos.

Si realmente no le gusta el borde alrededor de los botones en IE6, entonces siempre puede ocultar el botón Enviar con JavaScript y luego crear su propio botón con los estilos que desee, siempre que haga clic en su botón Hecho en casa, luego llama al manejador de eventos onclick del botón de envío (que enviará el formulario). Esto aún le permite al usuario presionar la tecla Intro para enviar datos, y mantiene la clave de envío para las personas que tienen JavaScript desactivado.

Answer 3

Si utiliza <a> con onclick, no se olvide de establecer role="button" y wairole="button" y también establecer el manejador onkeypress para hacer el "botón " accesible!