237 lines
8.6 KiB
HTML
237 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>PTra03スタートページ</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>制御構文 - if文</small>
|
||
</h1>
|
||
</div>
|
||
|
||
<div class="panel-group" id="accordion">
|
||
<!-- ================== PTra03-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>
|
||
|
||
<!-- ================== PTra03-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>
|
||
|
||
<!-- ================== PTra03-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>
|
||
</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="num">任意の数値</label> <input type="number" class="form-control" id="num"
|
||
name="num" placeholder="任意の数値を入力してください">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex03</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================== PTra03-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="yaer">西暦</label> <input type="number" class="form-control" id="year"
|
||
name="year" placeholder="西暦を入力してください">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex04</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================== PTra03-05 ================== -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse5"><span
|
||
class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex05</a>
|
||
<small>降水確率</small>
|
||
</h4>
|
||
</div>
|
||
<div id="collapse5" 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="probability">降水確率</label> <input type="number" class="form-control"
|
||
id="probability" name="probability" placeholder="降水確率を入力してください">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex05</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================== PTra03-06 ================== -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a href="Ex06.php" target="_blank"> <span class="glyphicon glyphicon-pencil"
|
||
aria-hidden="true"></span>
|
||
Ex06
|
||
</a> <small>排出確率</small>
|
||
</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================== PTra03-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="val">１〜５までの数字</label> <input type="number" class="form-control" id="val"
|
||
name="val" placeholder="１〜５までの数字を入力してください">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex07</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================== PTra03-08 ================== -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse8"><span
|
||
class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex08</a>
|
||
<small>ドロップダウンリスト</small>
|
||
<h5 style="color: red;">※ +αなので余裕ある方解いてね</h5>
|
||
</h4>
|
||
</div>
|
||
<div id="collapse8" class="panel-collapse collapse">
|
||
<div class="panel-body">
|
||
<form method="post" action="Ex08.php" target="_blank" class="form-inline">
|
||
<div class="form-group">
|
||
<label for="item">購入する商品</label> <select class="form-control" id="item" name="item">
|
||
<option value="1">1.オレンジジュース（150円）</option>
|
||
<option value="2">2.りんごジュース（160円）</option>
|
||
<option value="3">3.コーヒー（200円）</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex08</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================== PTra03-09 ================== -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse9"><span
|
||
class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex09</a>
|
||
<small>曜日ナンバー</small>
|
||
</h4>
|
||
</div>
|
||
<div id="collapse9" class="panel-collapse collapse">
|
||
<div class="panel-body">
|
||
<form method="post" action="Ex09.php" target="_blank" class="form-inline">
|
||
<div class="form-group">
|
||
<label for="weekNumber">０〜６までの数字</label> <input type="number" class="form-control"
|
||
id="weekNumber" name="weekNumber" placeholder="０〜６までの数字を入力してください">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex09</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ================== PTra03-10 ================== -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse10"><span
|
||
class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ex10</a>
|
||
<small>３つの値判定</small>
|
||
<h5 style="color: red;">※ +αなので余裕ある方解いてね</h5>
|
||
</h4>
|
||
</div>
|
||
<div id="collapse10" class="panel-collapse collapse">
|
||
<div class="panel-body">
|
||
<form method="post" action="Ex10.php" target="_blank" class="form-inline">
|
||
<div class="form-group">
|
||
<label for="num1">1つめの数字</label> <input type="number" class="form-control" id="num1"
|
||
name="num1" placeholder="１つ目の数字を入力してください">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="num2">2つめの数字</label> <input type="number" class="form-control" id="num2"
|
||
name="num2" placeholder="２つ目の数字を入力してください">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="num3">3つめの数字</label> <input type="number" class="form-control" id="num3"
|
||
name="num3" placeholder="３つ目の数字を入力してください">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Ex10</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> |