<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML復習(2)</title>
</head>
<body>
<hr >
<h1>フォーム</h1>
<hr >
<form onsubmit="alert('送信ボタンが押されました！');">
<h2>ボタン系</h2>
<li><button type="button">テキストのボタン</button> </li>
<li><input type="image" src="kcg.jpg">画像のボタン </li>
<li><button type="submit">フォーム送信用ボタン</button> </li>
<li><button type="reset">入力リセット用ボタン</button> </li>
<h2>選択系</h2>
<li>ラジオボタン：
<label><input type="radio" value="" />洛北校 </label>
<label><input type="radio" value="" />鴨川校 </label>
<label><input type="radio" value="" />京都駅前校 </label>
</li>
<li>チェックボックス：
<label><input type="checkbox" value="" />洛北校 </label>
<label><input type="checkbox" value="" />鴨川校 </label>
<label><input type="checkbox" value="" />京都駅前校 </label>
</li>
<li>プルダウンメニュー：
<select name="list" >
<option value ="洛北校">洛北校</option>
<option value ="鴨川校">鴨川校</option>
<option value="京都駅前校">京都駅前校</option>
</select>
</li>
<li>選択リスト：
<select name="list" multiple="true" >
<option value= "洛北校 " > 洛北校 </option>
<option value= "鴨川校 " > 鴨川校 </option>
<option value= "京都駅前校" > 京都駅前校 </option>
</select>
</li>
<h2>テキスト入力</h2>
<li>
１行入力：<input />
</li>
<li>
複数行入力：
<textarea rows="3" cols="40">入力のデフォルト値を書いておきました。
</textarea>
</li>
</form>
</body>
</html>
Processed:
0.016, SQL:
9
