mirror of
https://github.com/silicoflare/silicoflare-website.git
synced 2026-05-26 20:17:58 +05:30
54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel = "stylesheet" type = "text/css" href = "pass_info.css">
|
||
<script src = "pass_info.js"></script>
|
||
<title>Passenger list</title>
|
||
</head>
|
||
<body onload="add();">
|
||
<header><h1>PASSENGER DETAILS</h1></header>
|
||
<br><br>
|
||
<main>
|
||
<template id = "passTemp">
|
||
<div class = "passenger">
|
||
<fieldset>
|
||
<legend class = "data"></legend>
|
||
<button class = "closebutton" onclick = "del();">×</button>
|
||
|
||
<label for = "passName">Passenger name: </label>
|
||
<input type = "text" id = "passName" class = "passName" required />
|
||
   
|
||
<label for = "age">Age: </label>
|
||
<input type = "number" id = "age" class = "age" min = 1 max = 500 oninput = "getConc();" required />
|
||
   
|
||
<label for = "gender">Gender: </label>
|
||
<select id = "gender" class = "gender" >
|
||
<option value = "Male">Male</option>
|
||
<option value = "Female">Female</option>
|
||
<option value = "Other">Other</option>
|
||
</select>
|
||
   
|
||
<label for = "berth">Preferred Berth: </label>
|
||
<select id = "berth" class = "berth" >
|
||
<option value = "Lower">Lower</option>
|
||
<option value = "Middle">Middle</option>
|
||
<option value = "Upper">Upper</option>
|
||
<option value = "Side-upper">Side upper</option>
|
||
<option value = "Side-lower">Side lower</option>
|
||
</select>
|
||
   
|
||
<span hidden class = "sp"><label for = "conc"><input type = "checkbox" class = "conc" value = "Avail" />Avail concession</label></span>
|
||
|
||
</fieldset>
|
||
</div>
|
||
<br>
|
||
</template>
|
||
<div id = "passList"></div>
|
||
<br>
|
||
<button onclick = "add();">Add passenger</button>
|
||
<button onclick = "submit();">Submit</button>
|
||
<div hidden id = "errors">Please enter your name!</div>
|
||
</main>
|
||
</body>
|
||
</html> |