51 lines
1.9 KiB
HTML
Executable file
51 lines
1.9 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">
|
|
<ion-label for="inputName">Country Name:</ion-label><br><br>
|
|
<ion-input type="text" id="inputName" [(ngModel)]="inputName"></ion-input><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>
|
|
<ion-input type="text" id="inputArea" name="inputArea"></ion-input><br><br><br>
|
|
|
|
<label for="inputPop">Population :</label><br><br>
|
|
<ion-input type="text" id="inputPop" name="inputPop"></ion-input><br><br><br>
|
|
|
|
<label for="inputDriveSide">Driving Side:</label><br><br>
|
|
<option name="inputDriveSide">
|
|
<label for="rightSide">Right Side</label>
|
|
<ion-input type="radio" id="inputDrive" name="rightSide"></ion-input>
|
|
<label for="leftSide">Left Side</label>
|
|
<ion-input type="radio" id="inputDrive" name="leftSide"></ion-input>
|
|
</option><br>
|
|
|
|
<ion-button type="button" (click)="addCountry()">Add Country</ion-button>
|
|
|
|
</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>
|