1. Controle o número de caracteres inseridos pelo usuário
Para caixas de texto de linha única e caixas de entrada de senha, o atributo maxLength pode ser usado para controlar o número de caracteres inseridos pelo usuário.
Para o texto de várias linhas, o MaxLength é uma propriedade personalizada com o maior número de caracteres de entrada. Quando o evento OnkeyPress ocorre, o valor de retorno da função lessThan () é retornado. A função é a seguinte
<texttarea name = "Comentários" id = "Comentários" cols = "40" linhas = "4" maxlength = "50" OneKeypress = "Return Lessthan (this);"> </sexttarea>
Código detalhado
A cópia do código é a seguinte:
<Script Language = "JavaScript">
function lessthan (otextarea) {
// retorna o valor booleano exigido pelo número de caracteres na caixa de texto.
return otextarea.value.length <otextarea.getAttribute ("maxLength");
}
</script>
<form método = "post" name = "myForm1" action = "addinfo.aspx">
<p> <Label for = "Name"> Por favor, digite seu nome: </belt>
<input type = "text" name = "name" id = "name" value = "name" maxlength = "10"> </p>
<p> <Label para = "Comentários"> Quero deixar uma mensagem: </belt> <br>
<texttarea name = "Comentários" id = "Comentários" cols = "40" linhas = "4" maxlength = "50" onkeypress = "return lessthan (this);"> </sexttarea> </p>
<p> <input type = "submit" name = "btnsubMit" id = "btnsubMit" value = "submit">
<input type = "reset" name = "btnreset" id = "btnreset" value = "reset"> </p>
</morm>
2. Defina o mouse para selecionar automaticamente o texto
Primeiro, o mouse concentra automaticamente onmouseover = "this.focus"
Em seguida, é onfocus = "this.select ()"
Exemplo de código:
A cópia do código é a seguinte:
<form método = "post" name = "form1" id = "form1" action = "addinfo.aspx">
<input type = "text" name = "name" id = "name" value = "name" onMouseover = "this.focus ()" onfocus = "this.select ()">
</morm>
Para várias instâncias de código, você pode usar o seguinte código para se concentrar
A cópia do código é a seguinte:
<script type = "text/javascript">
function myfocus () {
this.focus ();
}
function mySelect () {
this.Select ();
}
window.onload = function () {
var oform = document.forms ["myform1"];
OFORM.NAME.onMouseOver = myFocus;
OFORM.NAME.onfocus = mySelect;
}
</script>
<form método = "post" name = "myForm1" action = "addinfo.aspx">
<p>
<Label para = "Nome"> Por favor, digite seu nome: </belt>
<input type = "text" name = "name" id = "name" value = "name">
</p>
<p>
<Label para = "Passwd"> Por favor, digite sua senha: </belt>
<input type = "senha" name = "passwd" id = "passwd">
</p>
<p>
<input type = "submit" name = "btnsubMit" id = "btnsubMit" value = "submit">
<input type = "reset" name = "btnreset" id = "btnreset" value = "reset">
</p>
</morm>