1. Controle el número de caracteres ingresados por el usuario
Para los cuadros de texto de una sola línea y los cuadros de entrada de contraseña, el atributo MaxLength se puede usar para controlar el número de caracteres ingresados por el usuario.
Para el texto de múltiples líneas, MaxLength es una propiedad personalizada con el mayor número de información de caracteres. Cuando se produce el evento OnKeyPress, se devuelve el valor de retorno de la función LessThan (). La función es la siguiente
<Textarea name = "comentarios" id = "comentarios" cols = "40" filas = "4" maxLength = "50" OneKeyPress = "return LessThan (this);"> </sextarea>
Código detallado
La copia del código es la siguiente:
<script language = "javaScript">
función menos than (oTextArea) {
// Devuelve el valor booleano requerido por el número de caracteres en el cuadro de texto.
return oTexTarea.Value.length <oTexTarea.getAttribute ("maxLength");
}
</script>
<Form Method = "Post" Name = "MyForm1" Action = "AddInfo.aspx">
<p> <etiqueta for = "name"> Ingrese su nombre: </etiqueta>
<input type = "text" name = "name" id = "name" value = "name" maxLength = "10"> </p>
<p> <etiqueta for = "comentarios"> Quiero dejar un mensaje: </selabel> <br>
<TextArea name = "Comentarios" id = "Comentarios" cols = "40" Rows = "4" maxLength = "50" onKeyPress = "return LessThan (this);"> </extarea> </p>
<p> <input type = "Subt" name = "btnsubmit" id = "btnsubmit" valor = "enviar">
<input type = "reset" name = "btnreset" id = "btnreset" valor = "reset"> </p>
</form>
2. Establezca el mouse para seleccionar automáticamente texto
Primero, el mouse se enfoca automáticamente en Mouseover = "this.focus"
Siguiente es Onfocus = "this.select ()"
Ejemplo de código:
La copia del código es la siguiente:
<Form Method = "Post" name = "form1" id = "form1" action = "addInfo.aspx">
<input type = "text" name = "name" id = "name" value = "name" onMouseOver = "this.focus ()" onFocus = "this.select ()">
</form>
Para múltiples instancias de código, puede usar el siguiente código para concentrarse
La copia del código es la siguiente:
<script type = "text/javaScript">
función myfocus () {
this.focus ();
}
función mySelect () {
this.select ();
}
window.onload = function () {
var oform = document.forms ["myForm1"];
oform.name.onmouseover = myfocus;
oform.name.onfocus = mySelect;
}
</script>
<Form Method = "Post" Name = "MyForm1" Action = "AddInfo.aspx">
<p>
<etiqueta for = "name"> Ingrese su nombre: </etiqueta>
<input type = "text" name = "name" id = "name" value = "name">
</p>
<p>
<etiqueta for = "passwd"> Ingrese su contraseña: </etiqueta>
<input type = "contraseña" name = "passwd" id = "passwd">
</p>
<p>
<input type = "Subt" name = "btnsubmit" id = "btnsubmit" valor = "enviar">
<input type = "reset" name = "btnreset" id = "btnreset" valor = "reset">
</p>
</form>