Textオブジェクトの名前を表わします。 オブジェクトを指定するときに用います。

テキストボックスに表示されるテキストを表わします。

    function calc(form) {
        alert(eval(form.text1.value));
    }
    
    <FORM STYLE="text-align:center">
        <INPUT TYPE="text" NAME="text1" SIZE=20>
        <INPUT TYPE="button"
                VALUE="押してね☆" ONCLICK="calc(this.form)">
    </FORM>
 

1+1 などと式を入力してボタンを押してください。式が評価されて表示されます。

テキストボックスの幅を表わします。

    function test1(form) {
        form.text1.size = parseInt(form.text1.value);
    }
    
    <FORM STYLE="text-align:center">
        <INPUT TYPE="text" NAME="text1" SIZE=20>
        <INPUT TYPE="button"
                VALUE="押してね☆" ONCLICK="test1(this.form)">
    </FORM>
 

1以上の数字を入力してボタンを押してください。 テキストボックスの幅が変わるかもしれません。

HTML文書で定義されたテキストを表わします。

そのテキストボックスにフォーカスを移します。

そのテキストボックスからフォーカスを外します。

そのテキストボックスのテキストを全て選択します。

    function test1(form) {
        form.text1.select();
    }
    
    <FORM STYLE="text-align:center">
        <INPUT TYPE="text" NAME="text1" SIZE=20>
        <INPUT TYPE="button"
                VALUE="押してね☆" ONCLICK="test2(this.form)">
    </FORM>
 

何か文字列を入力してボタンを押してください。 その文字列がハイライト表示されます。
ただし、Netscape Navigator4.7では動きません。

そのボタンがフォーカスされたときに実行されます。

そのテキストボックスがフォーカスが失われたときに実行されます。

そのテキストボックスのテキストが選択されハイライト表示されたときに実行されます。

そのテキストボックスのフォーカスが失われたときに テキストがフォーカスされる前と変化していた場合実行されます。
しかし、 onChange と言えば、 フォーカスなど関係無くテキストが変化すれば直ちに実行すると 期待する人も多いでしょう。 JavaScript でそれを実現するには短い時間ごとにテキストをチェックする 以下の方法を用います。

    //テキストが変化したときに実行するサブルーチン
    function On_Change(str) {
        var n = str.length;
        //後ろ５文字だけ
        if(n > 5)
            document.form1.text1.value = str.substring(n - 5);
    }
    
    function test3() {
        var str = document.form1.text1.value;
        if(str == pretext)      //前のテキストと比べる
            On_Change(str);
        pretext = str;
        setTimeout("test3()", 100); //100+αmsごとに比べる
    }
    
    var pretext = "";
    setTimeout("test3()", 250);
 

適当に文字を入力してください。 ５文字を超えると前から消されて５文字に切り詰められます。
ただし、Netscape Navigator4.7では動きません。