wulin.com（www.vevb.com）記事はじめに：入力ボックスのさまざまなスタイル。
入力フレームの背景は透明です：
<入力スタイル=背景：透過;境界線：1pxソリッド#ffffff>
マウスは入力ボックスを通過し、入力ボックスの背景色が変更されます。
<入力値=ここでname = user_pass type = text size = 29 onmouseover = this.style.bordercolor = 'black'; this.style.backgroundcolor = 'plum'
style = width：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 ['otext']。style.bordercolor = 'Yellow';
}それ以外{
self ['otext']。style.bordercolor = 'red';
}
otime = setimeout（ 'bordercolor（）'、400）;
}
</script>
<入力タイプ=テキストID = OTEXTスタイル=境界線：5px点線赤;色：赤onfocus = bordercolor（this）; onblur = cleartimeout（otime）;>
単語を入力すると、入力ボックスの境界線が点滅します（境界線は点線の線です）：
<style>
#otext {border：1pxドットドドット＃ff0000; ryo：expression（onfocus = function light （）{with（document.all.otext）{style.bordercolor =（style.bordercolor ==＃ffee00？＃ff0000：＃ffee00）; timer = setimeout（light、500）;}}、onblur = function（）{thistyle.bordercolor =＃ff00; cleartimeout（timer）}}}
</style>
<入力型=テキストID = OTEXT>
自動水平延長入力ボックス：
<入力型=テキストスタイル= huerreson：expression（this.width = this.scrollwidth）value = abcdefghijk>
自動的に下向きのテキストボックスを拡張します：
<Textarea name = content rows = 6 cols = 80 onpropertychange = if（this.scrollheight> 80）this.style.posheight = this.scrollheight+5>いくつかの入力を試してみてください</textarea>
下線付きのテキストボックスのみ：
<入力スタイル=ボーダー：0;ボーダーボトム：1ソリッドブラック、背景：;>
ソフトウェアシリアル番号入力ボックス：
<スクリプト= t event = onkeyup>
if（value.length == 3）document.all [event.srceement.sourceindex+1] .select（）;
</script>
<入力名= Tサイズ= 5 maxLength = 3> - <入力名= Tサイズ= 5 maxLength = 3> - <入力名= Tサイズ= 5 maxLength = 3> - <入力名= Tサイズ= 5 maxlength = 3> - <入力name = 5 maxlength = 3> - <入力名= T7サイズ= 5 Maxlength = 3> 3> 3>
ソフトウェアシリアル番号入力ボックス（フルバージョン）：
<for = t event = onkeyup> if（value.length == maxlength）document.all [event.srcerement.sourceindex+1] .focus（）; </script>
<for = t event = onfocus> select（）; </script>
<script = submit event = onclick>
var sn = new Array（）;
for（i = 0; i <t.length; i ++）
sn = t.value;
アラート（sn.join（ - ））;
</script>
<入力名= Tサイズ= 5 maxLength = 3> - <入力名= Tサイズ= 5 maxLength = 3> - <入力名= Tサイズ= 5 maxLength = 3> - <入力名= Tサイズ= 5 maxLength = 3> - <入力name = 5 maxLength = 3> - <入力名= Tサイズ= 5 MAXLENGTENENT = 3> 3> 3>
<入力タイプ=送信name = submit>