jQueryのコントロール類 - how to code something

jQueryのフォーム制御
http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_forminput

jQueryを使う前にこの改造から始めよう。
http://chaichan.web.infoseek.co.jp/src/t08012.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML lang="ja">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<META http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<TITLE>値の受け渡しのテスト</TITLE>
</HEAD>
<BODY>
<script type="text/javascript">
<!--
	function getURL(){
		document.TestForm.goukeihyouji.value = document.TestForm.URLinput.value
	}
// -->
</script>
<h2>Javascript Test</h2>
<form name="TestForm" METHOD="POST" ENCTYPE="text/plain" onSubmit="return test_onSubmit()">
<p>
<em>Input the URL which you look for.</em><br>
<br>
URL  <INPUT TYPE="text" NAME="URLinput" SIZE=100 VALUE=""><br>
</br>
<br>
<em>URL Returned</em><br>
<br>
<INPUT TYPE="button" NAME="goukei" value="GET" onClick="getURL()"><br>
<INPUT TYPE="text" NAME="goukeihyouji" SIZE=10 VALUE=""><br><br>

</form>

</BODY>
</HTML>