Text Field

You can allow users to enter text in an application via a text field. Tapping the text field activates the keypad and reveals a cursor. There are 2 types of text fields:

  • Fixed single-line
  • Multi-line

In a fixed single-line text field, if the amount of text a user is entering exceeds the text field range, the entered text scrolls to the left and disappears so that the user can continue writing. In a multi-line text field, the amount of text the user enters will dictate the number of lines.  

Text field
Text field

 


As the user enters text in either type of text field, a Clear button appears on the right side of the field. Selecting this button instantly deletes any text inside the field. The Clear button is only available in single line text field. 

 

Clear button interaction
Clear button interaction