php-question/Question05-switch/index.html

<!DOCTYPE html>
<html>

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

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

</head>

<body>
	<div class="container">
		<div class="page-header">
			<h1>
				独習PHP第4章練習問題 <small>制御構文 - switch文</small>
			</h1>
		</div>

		<div class="panel-group" id="accordion">
			<!-- ================== PTra05-01 ================== -->
			<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</a>　<small>数値からの判定</small>
					</h4>
				</div>
			</div>

			<!-- ================== PTra05-02 ================== -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex02</a>
						<small>偶数判定</small>
					</h4>
				</div>
				<div id="collapse2" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex02.php" target="_blank" class="form-inline">
							<div class="form-group">
								<label for="input">数値</label>
								<input type="number" class="form-control" name="input" placeholder="数値を入力してください">
							</div>
							<button type="submit" class="btn btn-primary">PTra05_02</button>
						</form>
					</div>
				</div>
			</div>

			<!-- ================== PTra05-03 ================== -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex03</a>
						<small>投票結果判定</small>
						<h5 style="color: red;">※ +αなので余裕ある方解いてね</h5>
					</h4>
				</div>
				<div id="collapse3" 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="first">一人目</label>
								<select name="vote[0]">
									<option value="山">山</option>
									<option value="川">川</option>
									<option value="海">海</option>
									<option value="砂丘">砂丘</option>
								</select>
							</div>
							<div class="form-group">
								<label for="second">二人目</label>
								<select name="vote[1]">
									<option value="山">山</option>
									<option value="川">川</option>
									<option value="海">海</option>
									<option value="砂丘">砂丘</option>
								</select>
							</div>
							<div class="form-group">
								<label for="third">三人目</label>
								<select name="vote[2]">
									<option value="山">山</option>
									<option value="川">川</option>
									<option value="海">海</option>
									<option value="砂丘">砂丘</option>
								</select>
							</div>
							<div class="form-group">
								<label for="fourth">四人目</label>
								<select name="vote[3]">
									<option value="山">山</option>
									<option value="川">川</option>
									<option value="海">海</option>
									<option value="砂丘">砂丘</option>
								</select>
							</div>
							<div class="form-group">
								<label for="fifth">四人目</label>
								<select name="vote[4]">
									<option value="山">山</option>
									<option value="川">川</option>
									<option value="海">海</option>
									<option value="砂丘">砂丘</option>
								</select>
							</div>
							<button type="submit" class="btn btn-primary">Ex03</button>
						</form>
					</div>
				</div>
			</div>

			<!-- ================== PTra05-04 ================== -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex04</a>
						<small>曜日判定</small>
					</h4>
				</div>
				<div id="collapse4" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex04.php" target="_blank" class="form-inline">
							<div class="form-group">
								<label for="week">何曜日？</label>
								<select name="week">
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
								</select>
							</div>
							<button type="submit" class="btn btn-primary">Ex04</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>