Play’s text field element enables you to easily add an input text field to your page. It can be used for creating different types of forms like log-in screens. Play’s text field element lets you customize Apple’s native text field.

The Placeholder Text attribute lets you enter the text that will appear in the text field before a user begins typing in it. For example, your placeholder text may be something like “username” or “password”.

If you want a text field to be pre-populated with a value, enter it in the Value attribute. Soon, Pro users will be able to assign the text field a variable.

Using the Text Style property, you can select the text element’s text style. You can use a custom text style, a System Style, or a Type Style.

Weight, Size, Design, Width, Letter Spacing, and Transform properties all customize the Text Style.

You can customize the appearance of the text field here. Select the color for the text and placeholder text, as well as the text field's alignment and control padding.

The Keyboard attribute lets you customize the text field’s keyboard. It will use the QWERTY keyboard by default.

Set the keyboard’s type to default, email, number pad, or phone pad.

The Return Key attribute lets you change the CTA on the return key to Go, Google, Join, Next, Route, Search, Send, Done, or Continue.

Choose whether the text field will use auto correction.

The Show Clear Button property lets you choose whether your clear button will show While Editing, Unless Editing, Never, or Always.

The Dismiss Button property lets you choose whether the dismiss button is visible on your text field.

Turn the Password attribute on to make your text field’s value display as a password. Anything the user types will show as dots like a password field, not as text characters.

The Tag property gives the text field a tag number. This is useful when you have multiple text fields on a page and want to control which text field has focus after a given action. The Tag property is used in conjunction with the Set Focus action.

Save the value entered into your text field as a string variable to use throughout your page or project.

You can display the text field's value in a text element using a Set Text action. Use a custom expression for the Set Text's Value property. In the Expression Editor, write the following:

Apple Human Interface Guidelines for Text Fields

Apple Developer Documentation for Text Fields