validacion - validar nombre javascript
JavaScript enfoca el elemento de formulario HTML (7)
Tengo un formulario web con un cuadro de texto en él. ¿Cómo hago para establecer el enfoque en el cuadro de texto de forma predeterminada?
algo como esto:
<body onload=''setFocusToTextBox()''>
¿Alguien puede ayudarme con eso? No sé cómo enfocar el cuadro de texto con JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
Como se mencionó anteriormente, document.forms también funciona.
function setFocusToTextBox( _element ) {
document.forms[ ''myFormName'' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the form
Generalmente cuando nos enfocamos en un cuadro de texto, también deberíamos desplazarnos a la vista
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}
Compruebe si ayuda.
Hacer esto.
Si tu elemento es algo como esto ...
<input type="text" id="mytext"/>
Tu guion seria
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>
Para Javascript simple, intente lo siguiente:
window.onload = function() {
document.getElementById("TextBoxName").focus();
};
Para lo que vale, puede usar el atributo de autofocus en navegadores compatibles con HTML5. Funciona incluso en IE a partir de la versión 10.
<input name="myinput" value="whatever" autofocus />
Si su código es:
<input type="text" id="mytext"/>
Y si estás usando JQuery, también puedes usar esto:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>
Tenga en cuenta que primero debe dibujar la entrada ($ (document) .ready ())
Solía usar esto:
<html>
<head>
<script type="text/javascript">
function focusFieldOne() {
document.FormName.FieldName.focus();
}
</script>
</head>
<body onLoad="focusFieldOne();">
<form name="FormName">
Field <input type="text" name="FieldName">
</form>
</body>
</html>
Dicho esto, puedes usar el atributo autofocus en HTML 5.
Tenga en cuenta: quería actualizar este hilo antiguo que muestra el ejemplo solicitado más la actualización más nueva y fácil para aquellos que aún están leyendo esto. ;)