Ionic framework 矩形框作为离子形式的输入值
我使用ionic4创建了一个登录表单,它生成一个浮动文本行来输入登录凭据Ionic framework 矩形框作为离子形式的输入值,ionic-framework,Ionic Framework,我使用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-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>
我想要表单中的矩形输入框,而不是浮动文本行。
请尝试以下代码:
<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>
尝试从离子标签中删除:position=floating属性taghi@Najamussaqib谢谢你的回复,我尝试了这个,但它只给我输入值,但我想要一个矩形框,你必须手动创建。我完全不知道在离子的情况下。你能帮我拿几盎司的代码吗?也请分享你的代码,这样我就可以指导你了。