テキストボックス

１行入力テキストボックス
複数行入力テキストボックス
パスワード入力用のテキストボックス 

			

			記事へ戻る
			---
			愚鈍人ホーム
			



	JavaScriptの参考書 ／ 
	Ajaxの参考書 ／ 
	HTMLの参考書 ／ 
	CSSの参考書



 



 

			
htmlソース

			
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>テキストボックス</title>
<link href="/gudon/css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"> 
	function button1_onclick(form){
		var elements=form.elements;
		var msg="";
		
		
		for(var i=0;i<elements.length;i++){
			msg+=(elements[i].name+":"+elements[i].value+"<br />");
		}
		document.getElementById("pre1").innerHTML=msg;
	}
</script>
</head>
<body>
<h1>テキストボックス</h1>
<hr />
<form name="form1" action="test1.php">
	<table>
		<tr>
			<td>１行入力テキストボックス</td>
			<td><input type="text" name="textbox1" value="１行入力テキストボックス"/></td>
		</tr>
		<tr>
			<td>複数行入力テキストボックス</td>
			<td>
				<textarea name="textbox2" cols="25" rows="3">
複数行
	入力テキストボックス
				</textarea>
			</td>
		</tr>
		<tr>
			<td>パスワード入力用のテキストボックス</td>
			<td><input type="password" name="password1" value="xxx"/></td>
		</tr>
	</table>
	<input name="button1" type="button" value="ボタン1" onclick="button1_onclick(this.form);"/>
	<input name="submitButton" type="submit" value="submitボタン"/>
</form>
<pre id="pre1"></pre>
</body>
</html>