no message
This commit is contained in:
a-kizaki
153
Question10-class/index.html
Normal file
153
Question10-class/index.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user