Wulin.com (www.vevb.com) Introdução ao artigo: vários estilos de caixas de entrada de entrada.
O fundo do quadro de entrada é transparente:
<estilo de entrada = fundo: transparente; borda: 1px sólido #ffffff>
O mouse passa pela caixa de entrada e a cor de fundo da caixa de entrada muda:
<Valor de entrada = digite aqui nome = user_pass type = Tamanho do texto = 29 onMouseOver = this.style.bordercolor = 'preto'; this.style.backgroundColor = 'Plum'
estilo = largura: 106; Altura: 21
onMouseOut = this.style.bordercolor = 'preto'; this.style.backgroundColor = '#ffffff' estilo = largura de borda: 1px; borda-color = preto>
Ao inserir uma palavra, a borda da caixa de entrada pisca (a borda é quadrada pequena):
<Idioma do script = javascript>
função borderColor () {
if (self ['otext']. style.bordercolor == 'vermelho') {
self ['otext']. style.bordercolor = 'amarelo';
}outro{
self ['otext']. style.bordercolor = 'vermelho';
}
otime = setTimeout ('borderColor ()', 400);
}
</Script>
<Tipo de entrada = ID do texto = otext style = borda: 5px vermelho pontilhado; cor: vermelho onfocus = borderColor (this); onblur = clearTimeout (otime);>
Ao inserir uma palavra, a borda da caixa de entrada pisca (a borda é uma linha pontilhada):
<estilo>
#otext {borda: 1px pontilhado #ff0000; ryo: expressão (onfocus = luz da função () {com (document.all.otext) {style.bordercolor = (style.bordercolor ==#ffee00?#ff0000:#ffee00); timer = setTimeout (Light, 500);}}, onblur = function () {this.style.bordercolor =}
</style>
<Tipo de entrada = ID do texto = otext>
Caixa de entrada de extensão horizontal automática:
<Tipo de entrada = estilo de texto = huerreson: expressão (this.width = this.Scrollwidth) valor = abcdefghijk>
Estendendo automaticamente a caixa de texto para baixo:
<nome da textária = conteúdo linhas = 6 cols = 80 onpropertyChange = if (this.scrolHeight> 80) this.style.possheight = this.ScrolHeight+5> Tente entrar em algumas entradas </sexttarea>
Somente caixas de texto sublinhadas:
<estilo de entrada = borda: 0; fundo da borda: 1 preto sólido; fundo:;>
Caixa de entrada do número de série do software:
<script para = t event = onkeyup>
if (value.Length == 3) document.all [event.srcelement.sourceIndex+1] .Select ();
</script>
<nome de entrada = tamanho t = 5 maxLength = 3> - <nome de entrada = t tamanho t = 5 maxLength = 3> - <nome de entrada = t tamanho = 5 maxLength = 3> - <nome de entrada = t tamanho = 5 maxlength = 3> - Nome de entrada = t tamanho = 5 maxlength = 3> - <input = t7
Caixa de entrada do número de série do software (versão completa):
<script para = t event = onKeyUp> if (value.length == maxlength) document.all [event.srcelement.sourceIndex+1] .focus (); </script>
<script para = t event = onfocus> select (); </script>
<Script para = Evento de envio = OnClick>
var sn = new Array ();
para (i = 0; i <t.Length; i ++)
sn = T.Value;
alerta (Sn.Join ( -));
</script>
<nome de entrada = tamanho t = 5 maxLength = 3> - <nome de entrada = t tamanho t = 5 maxLength = 3> - <nome de entrada = t tamanho = 5 maxLength = 3> - <nome de entrada = t tamanho = 5 maxlength = 3> - Nome de entrada = t tamanho = 5 maxlength = 3> - <input = t lize
<TIPO DE INPUTAÇÃO = Nome do envio = Enviar>