Text-wrap in form


#1

Here I’m trying to make a contact us form and I want to use text-wrap so that user can see the things he/she types… but unfortunately text-wrap didn’t worked! Can any body tell how to implement it??

<ion-content padding>
  <ion-card>
    <ion-card-header>
      Contact Us
    </ion-card-header>
    <ion-item text-wrap>   
      <ion-label floating> <ion-icon name="person"></ion-icon> Name </ion-label>
      <ion-input type="text"></ion-input>
</ion-item>
<ion-item >        
  <ion-label stacked> <ion-icon name="mail"></ion-icon> Email </ion-label>
  <ion-input type="text"></ion-input>
</ion-item>
<ion-item>        
  <ion-label stacked> <ion-icon name="call"></ion-icon> Contact No. </ion-label>
  <ion-input type="text"></ion-input>
</ion-item>
<ion-item>        
  <ion-label stacked> <ion-icon name="reorder"></ion-icon> Message </ion-label>
  <ion-input type="text"></ion-input>
</ion-item>
  </ion-card>
</ion-content>

#2

Hi!
Try use ‘ion-textarea’

 <ion-item text-wrap>   
      <ion-label floating> <ion-icon name="person"></ion-icon> Name </ion-label>
      <ion-textarea></ion-textarea>
</ion-item>

#3

Thanks it worked. But it still needs some improvements.