Create a Reservation Form for Mumbai-to-Pune Journey containing 3 text fields to enter names, 3 text fields to enter age, & a text field to show Final Bill. It should also contain a radio button showing the type of journey (A.C./Non A.C.). Charges of A.C./Non A.C. modes of journey are fixed but only for child with age < 5 & senior citizen with age > 60 the rates are half. 4% service charges are applied on Final Amount. As per the passenger enter the Final Bill.
<fieldset>
<legend>Output format</legend>
// Name
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Name</label>
</div>
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Name</label>
</div>
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Name</label>
</div>
// Age
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Age</label>
</div>
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Age</label>
</div>
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Age</label>
</div>
// Final Bill
<div>
<input type="text" name="format" id="txt" value="txt" checked>
<label for="txt">Final Bill</label>
</div>
//Type of journey
<div>
<input type="radio" name="format" id="txt" value="txt" checked>
<label for="txt"> journey only for child with age < 5</label>
</div>
<div>
<input type="radio" name="format" id="txt" value="txt" checked>
<label for="txt">journey only for child with age < 5</label>
</div>
</fieldset>
Comments
Leave a comment