Wulin.com (www.vevb.com) Introduction de l'article: Divers styles de boîtes d'entrée d'entrée.
L'arrière-plan du cadre d'entrée est transparent:
<style d'entrée = arrière-plan: transparent; bordure: 1px solide #ffffff>
La souris passe par la zone d'entrée et la couleur d'arrière-plan de la boîte d'entrée change:
<Entrée valeur = type ici name = user_pass type = Text size = 29 onMouseOver = this.style.borderColor = 'Black'; this.style.backgroundColor = 'Plum'
style = largeur: 106; Hauteur: 21
onMouseout = this.style.borderColor = 'Black'; this.style.backgroundcolor = '# ffffff' style = border-width: 1px; border-color = Black>
Lorsque vous entrez un mot, la bordure de la boîte d'entrée clignote (la bordure est petite carrée):
<Script Language = JavaScript>
fonction BorderColor () {
if (self ['otext']. style.bordercolor == 'red') {
self ['otext']. style.bordercolor = 'jaune';
}autre{
self ['otext']. style.bordercolor = 'red';
}
otime = setTimeout ('borderColor ()', 400);
}
</cript>
<Type d'entrée = Text ID = Style Otext = Border: 5px en pointillé rouge; couleur: rouge onfocus = borderColor (this); onBlur = ClearTimeout (Otime);>
Lors de la saisie d'un mot, la bordure de la boîte d'entrée clignote (la bordure est une ligne en pointillés):
<style>
#Otext {Border: 1px pointillé # FF0000; Ryo: Expression (onfocus = Fonction Light () {avec (document.all.otext) {style.borderColor = (style.borderColor == # ffee00? # ff0000: # fFEE00); timer = setTimeout (Light, 500);}}, onBlur = function () {this.style.borDerColor = # ff0000; Cleartimeout (tinter)});
</ style>
<input type = text id = otext>
Boîte d'entrée d'extension horizontale automatique:
<input type = text style = Huerreson: expression (this.width = this.scrollwidth) value = abcdefghijk>
Extension automatique de la zone de texte vers le bas:
<textarea name = contenu lignes = 6 cols = 80 onProperTyChange = if (this.scrollHeight> 80) this.style.posheight = this.scrollHeight + 5> essayez d'entrer quelques entrées </ textarea>
Boîtes de texte soulignées uniquement:
<Style d'entrée = bordure: 0; Border-Bottom: 1 noir solide; fond:;>
Boîte d'entrée de numéro de série logiciel:
<script pour = t event = onkeyup>
if (value.length == 3) document.all [event.srcelement.sourceIndex + 1] .Select ();
</cript>
<name d'entrée = t size = 5 maxLength = 3> - <name d'entrée = t size = 5 maxLength = 3> - <name input = t size = 5 maxLength = 3> - <name input = t size = 5 maxLength = 3> - <input name = t size = 5 maxLength = 3> - <int name = t7 size = 5 maxLength = 3>
Boîte d'entrée de numéro de série logiciel (version complète):
<script pour = t event = onkeyup> if (value.length == maxLength) document.all [event.srcelement.sourceIndex + 1] .focus (); </cript>
<script pour = t event = onfocus> select (); </cript>
<script pour = soumettre l'événement = onClick>
var sn = new Array ();
pour (i = 0; i <t.length; i ++)
sn = t.value;
alerte (sn.join (-));
</cript>
<name d'entrée = t size = 5 maxLength = 3> - <name d'entrée = t size = 5 maxLength = 3> - <input name = t size = 5 maxLength = 3> - <input name = t size = 5 maxLength = 3> - <input name = t size = 5 maxLength = 3> - <int name = t size = 5 maxLength = 3>
<Type d'entrée = soumettre name = soumettre>