Wulin.com (www.vevb.com) Artikel Einführung: Verschiedene Arten von Eingabefelds.
Der Hintergrund für Eingangsrahmen ist transparent:
<Eingabestil = Hintergrund: transparent; Rand: 1px solide #ffffff>
Die Maus geht durch das Eingabefeld und die Hintergrundfarbe des Eingangsfelds ändert sich:
<Eingabewert = Typ hier name = user_pass type = text size = 29 onmouseover = this.style.borderColor = 'schwarz'; this.style.backgroundColor = 'Plum'
style = width: 106; Höhe: 21
onmouseout = this.style.borderColor = 'schwarz'; this.style.backgroundColor = '#ffffff' style = border-width: 1px; border-color = schwarz>
Beim Eingeben eines Wortes blinkt der Rand der Eingabebox (der Rand ist klein):
<Script Language = JavaScript>
Funktion borderColor () {
if (self ['otext']. style.borderColor == 'rot') {
self ['otext']. style.borderColor = 'gelb';
}anders{
self ['otext']. style.borderColor = 'rot';
}
otime = setTimeout ('borderColor ()', 400);
}
</Script>
<Eingabe type = text id = otext style = border: 5px gepunktet rot; Farbe: rot onfocus = borderColor (this); Onblur = Clearimeout (otime);>
Beim Eingeben eines Wortes blinkt der Rand des Eingangsfelds (der Rand ist eine gepunktete Linie):
<Styles>
#Otext {Border: 1px gepunktet #ff0000; ryo: Ausdruck (Onfocus = Funktionslicht () {mit (document.All.otext) {style.borderColor = (style.borderColor ==#ffee00?#ff0000:#ffee00); timer = setTimeout (light, 500);}}, onblur = function () {this.style.borderColor =#ff0000;
</style>
<Eingabe type = text id = otext>
Automatische Eingangsbox der horizontalen Verlängerung:
<Eingabe type = text style = huerreson: Ausdruck (this.width = this.scrollwidth) value = abcdefghijk>
Automatisch das Abwärtstextfeld nach unten erweitern:
<textArea name = Inhaltsreihen = 6 cols = 80 Onpropertychange = if (this.ScrollHeight> 80) this.style.poshely = this.scrollHeight+5> Versuchen Sie, einige Eingänge einzugeben </textArea>
Nur unterstrichene Textfelder:
<Eingabestil = Grenze: 0; Border-Bottom: 1 Solid Schwarz; Hintergrund:;>
Eingabefeld der Seriennummer Software:
<script for = t event = onkeyUp>
if (value.Length == 3) document.all [event.srcelement.sourceIndex+1] .Select ();
</script>
<Eingabename = T size = 5 maxLength = 3> - <Eingabename = T size = 5 maxLength = 3> - <Eingabename = T size = 5 maxLength = 3> - <Eingabename = T size = 5 maxLength = 3> - <Eingabename = T Size = 5 MaxLength = 3> - <Eingabename = T7 = 5 MaxLänge = 3> 3> 3> 3> 3> 3>
Software Seriennummer -Eingangsfeld (Vollversion):
<skript für = t event = onkeyUp> if (value.length == maxLength) document.all [event.srcelement.sourceIndex+1] .focus (); </script>
<script for = t event = onfocus> select (); </script>
<Skript für = Submit Ereignis = Onclick>
var sn = new Array ();
für (i = 0; i <t.Length; i ++)
sn = t.Value;
Alert (sn.join ( -));
</script>
<Eingabename = T size = 5 maxLength = 3> - <Eingabename = T size = 5 maxLength = 3> - <Eingabename = T size = 5 maxLength = 3> - <Eingabename = T size = 5 maxLength = 3> - <Eingabename = T Size = 5 MaxLength = 3> - <Eingangsname = TSgröße = 5 MaxLänge = 3> 3> 3> 3> 3>
<Eingabe type = senden name = surven>