php-question/Question10-class/index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>PTra10スタートページ</title>

	<!-- Bootstrap Core CSS -->
	<link href="../common/css/bootstrap.min.css" rel="stylesheet">

</head>

<body>
	<div class="container">
		<div class="page-header">
			<h1>
				独習PHP第10章練習問題 <small>インスタンスとクラスの定義</small>
			</h1>
		</div>

		<div class="panel-group" id="accordion">
			<!-- Ex01 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a href="Ex01.php" target="_blank">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
							Ex01: オブジェクト指向 - Userクラスの作成
						</a>
						<small>初級</small>
					</h4>
				</div>
			</div>

			<!-- Ex02 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a href="Ex02.php" target="_blank">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
							Ex02: オブジェクト指向 - Userクラスのプロパティ操作
						</a>
						<small>初級</small>
					</h4>
				</div>
			</div>

			<!-- Ex03 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseEx03">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
							Ex03: オブジェクト指向 - POSTによるUserクラスの利用
						</a>
						<small>初級</small>
					</h4>
				</div>
				<div id="collapseEx03" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex03.php" target="_blank" class="form-inline">
							<div class="form-group">
								<label for="user_id">ユーザID</label>
								<input type="number" class="form-control" name="user_id" placeholder="ユーザIDを入力してください">

								<label for="user_name">ユーザ名</label>
								<input type="text" class="form-control" name="user_name" placeholder="ユーザ名を入力してください">

								<label for="mail">メールアドレス</label>
								<input type="text" class="form-control" name="mail" placeholder="メールアドレスを入力してください">

								<label for="password">パスワード</label>
								<input type="text" class="form-control" name="password" placeholder="パスワードを入力してください">
							</div>
							<button type="submit" class="btn btn-primary">送信</button>
						</form>
					</div>
				</div>
			</div>

			<!-- Ex04 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a href="Ex04.php" target="_blank">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
							Ex04: オブジェクト指向 - Carクラスを用いた移動シミュレーション
						</a>
						<small>上級</small>
					</h4>
				</div>
			</div>

			<!-- Ex05 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseEx05">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
							Ex05: オブジェクト指向 - Carクラスを用いた競争シミュレーション
						</a>
						<small>上級　※複数の要素（クラス利用、アルゴリズム、配列操作など）を組み合わせる応用力を試す問題</small>
					</h4>
				</div>
				<div id="collapseEx05" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex05.php" target="_blank" class="form-inline">
							<!-- 1台目の車情報 -->
							<div class="form-group">
								<label for="serialNo1">1台目 シリアル番号</label>
								<input type="number" class="form-control" name="serialNo1" placeholder="シリアル番号を入力">
								<label for="color1">色</label>
								<input type="text" class="form-control" name="color1" placeholder="色を入力">
								<label for="gasoline1">ガソリン</label>
								<input type="number" class="form-control" name="gasoline1" placeholder="ガソリン量を入力">
							</div>
							<br>
							<!-- 2台目の車情報 -->
							<div class="form-group">
								<label for="serialNo2">2台目 シリアル番号</label>
								<input type="number" class="form-control" name="serialNo2" placeholder="シリアル番号を入力">
								<label for="color2">色</label>
								<input type="text" class="form-control" name="color2" placeholder="色を入力">
								<label for="gasoline2">ガソリン</label>
								<input type="number" class="form-control" name="gasoline2" placeholder="ガソリン量を入力">
							</div>
							<br>
							<!-- 3台目の車情報 -->
							<div class="form-group">
								<label for="serialNo3">3台目 シリアル番号</label>
								<input type="number" class="form-control" name="serialNo3" placeholder="シリアル番号を入力">
								<label for="color3">色</label>
								<input type="text" class="form-control" name="color3" placeholder="色を入力">
								<label for="gasoline3">ガソリン</label>
								<input type="number" class="form-control" name="gasoline3" placeholder="ガソリン量を入力">
							</div>
							<br>
							<button type="submit" class="btn btn-primary">Ex05 競争シミュレーション実行</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- jQuery -->
	<script src="../common/js/jquery-3.2.1.min.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="../common/js/bootstrap.min"></script>
</body>

</html>