Go vs. return button in iOS keyboard for HTML input forms

AppsolutEinfach picture AppsolutEinfach · Apr 10, 2014 · Viewed 15.4k times · Source

Managing the iOS keyboard for HTML <input> forms (used in UIWebView) is well known, i.e. <input type="tel"></input> for telephone numbers.

https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html

But I was wondering about the keyboard's blue 'Go' button. Sometimes the keyboard has a blue 'Go' button, sometimes the keyboard has a gray return button. Is there any opportunity to control this behavior programmatically?

Answer

AppsolutEinfach picture AppsolutEinfach · Sep 14, 2016

Aha...

The 'Go' button is only shown, if the <input> tag is inside a <form> tag (and the form tag has an action attribute). So, if you access your form elements afterwards with i.e. JavaScript, you can omit <form> tags.

'Go' button:

<form action="..." method="...">
   <input type="text"></input>
</form>

iOS 7.1 screenshot of keyboard

'return' button:

<input type="text"></input>

iOS 7.1 screenshot of keyboard