texto que por poner mantener foco entrada defecto dar con caja autofoco html css html5

html - poner - ¿Cómo colocar el cursor(enfoque automático) en el cuadro de texto cuando se carga una página sin soporte de JavaScript?



poner el cursor en un input html (6)

Tengo un formulario con algunos campos de texto, y quiero colocar el cursor (enfoque automático) en el primer campo de texto cuando la página se carga.

Quiero hacerlo sin usar javascript.


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 aparezca un menú, haga clic en "Formato de 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) presionando hacia abajo hasta que aparezca "0" en cada margen.


Esto funcionará:

OnLoad="document.myform.mytextfield.focus();"


Simplemente agregue autofocus en la primera entrada o área de texto.

<input type="text" name="name" id="xax" autofocus="autofocus" />


Una expansión para aquellos que hicieron un poco de jugueteo como yo.

El siguiente trabajo (desde 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í ...


Ya es posible hacerlo sin 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 obtener más detalles:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html


<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.