TEXT OBJECT TEST

アルファベットの大文字･小文字変換

半角アルファベットを入力し、フォーム外をクリックすると変換される。
リセットで個々のフォームごとに初期値に戻し、
オールリセットで全フォームを初期値に戻す。

実行結果


ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
function upperMe(field)	{
	field.value=field.value.toUpperCase()
}
function resetField1(form)	{
	form.convertor1.value=form.convertor1.defaultValue
}
function lowerMe(field)	{
	field.value=field.value.toLowerCase()
}
function resetField2(form)	{
	form.convertor2.value=form.convertor2.defaultValue
}
</SCRIPT>

ボディ部分
<FORM>
小文字→大文字<INPUT TYPE="text" NAME="convertor1" VALUE="sample" onChange="upperMe(this)">
<INPUT TYPE="button" VALUE="リセット" onClick="resetField1(this.form)"><BR>
大文字→小文字<INPUT TYPE="text" NAME="convertor2" VALUE="SAMPLE" onChange="lowerMe(this)">
<INPUT TYPE="button" VALUE="リセット" onClick="resetField2(this.form)"><BR>
<INPUT TYPE="reset" VALUE="オールリセット">