Tengo un formulario con algunos campos de texto y quiero colocar el cursor (enfoque automático) en el primer campo de texto del formulario cuando se carga la página.
Quiero hacerlo sin usar javascript.
Tengo un formulario con algunos campos de texto y quiero colocar el cursor (enfoque automático) en el primer campo de texto del formulario cuando se carga la página.
Quiero hacerlo sin usar javascript.
Respuestas:
Ya es posible hacerlo sin el soporte de javascript ..
Podemos usar el atributo de enfoque automático html5
Por ejemplo:
<input type="text" name="name" autofocus="autofocus" id="xax" />
Si lo usa (autofocus = "autofocus") en el campo de texto, significa que el campo de texto se enfoca cuando se carga la página. Para más detalles:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html
Simplemente agregue la autofocus
primera entrada o área de texto.
<input type="text" name="name" id="xax" autofocus="autofocus" />
autofocus
no funciona, pero autofocus="autofocus"
funciona.
Esto funcionará:
OnLoad="document.myform.mytextfield.focus();"
<body onLoad="self.focus();document.formname.name.focus()" >
formname is <form action="xxx.php" method="POST" name="formname" >
and name is <input type="text" tabindex="1" name="name" />
it works for me, checked using IE and mozilla.
autofocus, somehow didn't work for me.
Una expansión para aquellos que jugaron un poco como yo.
El siguiente trabajo (de W3):
<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />
Sin embargo, es importante tener en cuenta que esto no funciona en CSS. Es decir, no puedes usar:
.first-input {
autofocus:"autofocus"
}
Al menos no funcionó para mí ...
A veces, todo lo que tiene que hacer para asegurarse de que el cursor esté dentro del cuadro de texto es: haga clic en el cuadro de texto y cuando se muestre un menú, haga clic en "Dar formato al cuadro de texto", luego haga clic en la pestaña "cuadro de texto" y finalmente modifique todo cuatro márgenes (izquierdo, derecho, superior e inferior) con las flechas hacia abajo hasta que aparezca "0" en cada margen.
<input.... tabindex="1" />