Прямоугольная коробка в качестве входного значения в ионной форме

Question

Я создал форму входа в систему с использованием ionic4, которая выдает мне плавающую текстовую строку для ввода учетных данных для входа.

<ion-content>
<ion-title class="ion-text-center" >Login</ion-title>
<ion-item>
<ion-label position="floating" >Email Id</ion-label>
<ion-input type="text" ></ion-input>
</ion-item>

<ion-item>
<ion-label position="floating" >Password</ion-label>
<ion-input type="password" ></ion-input>
</ion-item>
<ion-text color="tertiary"><h6>Forgot Password?</h6></ion-text>

<div class="login-btn">
<ion-button class="login-button" expand="full">Login</ion-button>
</div>

<div class="not-a-member">
<ion-text>Not a member yet? </ion-text><ion-text color="tertiary"> Sign-Up</ion-text>

Я хочу прямоугольное поле ввода в форме вместо плавающей строки текста.

Answer 1

Попробуйте этот код:

<div  style="margin: 10px;">
      <ion-input type="email" placeholder="Email" [(ngModel)]="email" style="text-align: center; border: skyblue solid 0.5px;"></ion-input>
    </div>

    <div  style="margin: 10px;">
      <ion-input type="password"  placeholder="Password"  [(ngModel)]="password" style="text-align: center; border: skyblue solid 0.5px;"></ion-input>
    </div>