How to display this little white x-circle in a UITextField, so users can delete the text?

Question

Some apps have this nice little white circle with an gray x in there UITextField. How can I add this to an UITextField and delete the text when it is tapped?

Answer 1

Check out the clearButtonMode property.

Answer 2

To add a button like this, you can use the clearButtonMode property of an UITextField.
The code will be like this:

// Show cancel button never
textField.clearButtonMode = UITextFieldViewModeNever;  

// Show cancel button only when you're editing text in textField
textField.clearButtonMode = UITextFieldViewModeWhileEditing;  

// Show the cancel button only when you aren't editing the text
textField.clearButtonMode = UITextFieldViewModeUnlessEditing;

// Show always the cancel button
textField.clearButtonMode = UITextFieldViewModeAlways;