You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

60 lines
2.3 KiB

<!doctype html>
<html lang="en">
<head>
<title>baby health calc</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="jumbotron text-center">
<h1>HCal</h1>
<p>by kenzie tandun</p>
</div>
<div class="container text-center">
<form method="post" action="{{ url_for('submit') }}">
<label for="gender">Gender: </label>
<div class="radio">
<input type="radio" name="gender" value="male" checked/> Male
</div>
<div class="radio">
<input type="radio" name="gender" value="female"/> Female
</div>
<div class="form-group">
<p><label for="weight">Weight in kg: </label></p>
<input required step="any" min="0" max="150" pattern="[0-9]*" type="number" name="weight" placeholder="e.g. 20"/>
</div>
<div class="form-group">
<p><label for="height">Height in cm: </label></p>
<input required step="any" min="0" max="200" type="number" name="height" placeholder="e.g. 100"/>
</div>
<div class="form-group">
<p><label for="hc">Head Circumference in cm: </label></p>
<input required step="any" min="0" type="number" name="hc" placeholder="e.g. 30"/>
</div>
<div class="form-group">
<p><label for="age">Age in years and months: </label></p>
<input required type="number" name="age_year" min="0" max="20" step="1" placeholder="years"/> years
<br>
<input required type="number" name="age_month" min="0" max="11" step="1" placeholder="months"/> months
</div>
<button type="submit" class="btn btn-default" formaction="/submit">Submit!</button>
</form>
</div>
<br>
<br>
<div class="text-center">
<p>Website might not work as intended in Safari browser</p>
<p>Bugs? Shoot me an email: nudnateiznek@gmail.com</p>
</div>
</body>
</html>