php-question/Question08-Function/index.html

<!DOCTYPE html>
<html>

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

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

</head>

<body>
	<div class="container">
		<div class="page-header">
			<h1>
				PTra08-Function <small>関数</small>
			</h1>
		</div>

		<div class="panel-group" id="accordion">
			<!-- ================== PTra08-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>

			<!-- ================== PTra08-02 ================== -->
			<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</a>
						<small>関数の引数利用</small>
					</h4>
				</div>
			</div>

			<!-- ================== PTra08-03 ================== -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a href="Ex03.php" target="_blank">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex03</a>
						<small>関数の作成</small>
					</h4>
				</div>
			</div>

			<!-- ================== PTra08-04 ================== -->
			<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</a>
						<small>戻り値の設定</small>
					</h4>
				</div>
			</div>

			<!-- ================== PTra08-05 ================== -->
			<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> Ex05</a>
						<small>三角形・四角形の面積算出関数</small>
					</h4>
				</div>
				<div id="collapse3" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex05.php" target="_blank" class="form-inline">
							<div class="form-group">
								<label for="first">図形</label>
								<select name="vote">
									<option value="1">四角形</option>
									<option value="2">三角形</option>
								</select>
							</div>
							<div class="form-group">
								<label for="number">縦</label>
								<input type="number" class="form-control" name="height" placeholder="数値を入力してください">
							</div>
							<div class="form-group">
								<label for="number">横</label>
								<input type="number" class="form-control" name="width" placeholder="数値を入力してください">
							</div>
							<button type="submit" class="btn btn-primary">Ex05</button>
						</form>
					</div>
				</div>
			</div>
			<!-- ================== PTra08-06 ================== -->
			<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> Ex06</a>
						<small>うるう年の判定関数</small>
					</h4>
				</div>
				<div id="collapse2" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex06.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">Ex06</button>
						</form>
					</div>
				</div>
			</div>
			<!-- ================== PTra08-07 ================== -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapse7">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex07</a>
						<small>素数判定</small>
					</h4>
				</div>
				<div id="collapse7" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="Ex07.php" target="_blank" class="form-inline">
							<div class="form-group">
								<label for="number">最大値</label>
								<input type="number" class="form-control" name="number" placeholder="数値を入力してください">
							</div>
							<button type="submit" class="btn btn-primary">Ex07</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>