projecte_ionic_entrega_01/src/app/pages/form/form.page.html

47 lines
1.8 KiB
HTML
Executable File

<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>Form Page</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="formDiv">
<form action="../main/main.page.html">
<label for="inputName">Country Name:</label><br><br>
<input type="text" id="inputName" name="inputName"><br><br><br>
<label for="inputOptions">Continent:</label><br><br>
<select id="inputOptions" name="inputOptions">
<option value="empty" selected>Select</option>
<option value="language">Africa</option>
<option value="language">Antarctica</option>
<option value="country">Asia</option>
<option value="city">Europe</option>
<option value="language">North America</option>
<option value="language">South America</option>
<option value="language">Oceania</option>
</select><br><br><br>
<label for="inputArea">Surface Area (km2):</label><br><br>
<input type="text" id="inputArea" name="inputArea"><br><br><br>
<label for="inputPop">Population :</label><br><br>
<input type="text" id="inputPop" name="inputPop"><br><br><br>
<label>Driving Side:</label><br><br>
<label for="rightSide">Right Side</label>&nbsp;&nbsp;
<input type="radio" id="inputDrive" name="rightSide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<label for="leftSide">Left Side</label>&nbsp;&nbsp;
<input type="radio" id="inputDrive" name="leftSide"><br>
<input type="submit" value="Submit">
</form>
</div>
<div class="bigButtonDiv">
<div class="buttonDiv" routerLink="/main">Go to home page</div>
<div class="buttonDiv" routerLink="/list">Go to result page</div>
</div>
</ion-content>