Wulin.com (www.vevb.com) Введение статьи: Различные стили ввода ввода.
Фон ввода кадра прозрачен:
<input style = fanost: proparent; граница: 1px solid #ffffff>
Мышь проходит через поле ввода, а цвет фона ввода изменяется:
<Input value = type здесь имя = user_pass type = text size = 29 onmouseover = this.style.bordercolor = 'black'; this.style.backgroundcolor = 'сливо
Стиль = ширина: 106; Высота: 21
onmouseout = this.style.bordercolor = 'black'; this.style.backgroundcolor = '#ffffff' style = border-width: 1px; border-color = black>
При входе в слово граница коробки ввода мигает (граница небольшая квадратная):
<Сценарий языка = javascript>
Функция bordercolor () {
if (self ['otext']. style.bordercolor == 'red') {
self ['otxt']. style.bordercolor = 'желтый';
}еще{
self ['otxt']. style.bordercolor = 'red';
}
Otime = setTimeout ('bordercolor ()', 400);
}
</Script>
<input type = text id = otext style = граница: 5px пунктир красный; цвет: красный onfocus = bordercolor (это); onblur = cleartimeout (Otime);>
При входе в слово граница блока ввода мигает (граница - пунктирная линия):
<style>
#otext {border: 1px пунктир #ff0000; ryo: выражение (Onfocus = Function Light () {с (document.all.otext) {style.bordercolor = (style.bordercolor ==#ffee00?#ff0000:#ffee00); timer = settimeout (Light, 500);}}, Onblur = function () {this.Style.bordercolor =#ff0000;
</style>
<input type = text id = otext>
Автоматическое горизонтальное входное окно расширения:
<input type = text style = huerreson: Expression (this.width = this.scrollwidth) значение = abcdefghijk>
Автоматическое расширение вниз текстовое поле:
<TextAREA name = Content Rows = 6 Cols = 80 OnPropertyChange = if (this.scrollheight> 80) this.style.posheight = this.scrollheight+5> Попробуйте ввести несколько входов </textarea>
Только подчеркнутые текстовые поля:
<стиль ввода = граница: 0; пограничный пакет: 1 твердый черный; фон :;>
Программный серийный номер ввода ввода:
<script for = t event = onkeyup>
if (value.length == 3) document.all [event.srcelement.sourceIndex+1]. Select ();
</script>
<name name = t size = 5 maxlength = 3> - <<входное имя = t size = 5 maxlength = 3> - <входное имя = t size = 5 maxlength = 3> - <входное имя = t size = 5 maxlength = 3> - <name = t size = 5 maxlength = 3> - <name = t7 size = 5 maxlength = 3>
Программное серийное номеру ввода (полная версия):
<script for = t event = onkeyup> if (value.length == maxlength) document.all [event.srcelement.sourceIndex+1] .focus (); </script>
<script for = t event = onfocus> select (); </script>
<Скрипт для = отправить событие = onclick>
var sn = new Array ();
для (i = 0; i <t.length; i ++)
sn = t.value;
оповещение (sn.join ( -));
</script>
<name name = t size = 5 maxlength = 3> - <<входное имя = t size = 5 maxlength = 3> - <входное имя = t size = 5 maxlength = 3> - <входное имя = t size = 5 maxlength = 3> - <input name = t size = 5 maxlength = 3> - <name = t size = 5 maxlength = 3>
<input type = отправить имя = отправить>