Show 'Search' instead of 'Return' on iPhone for an html textarea

Question

I've read that the solution to display 'Search' instead of 'return' in mobile is to have a form wrapper around an input element and set the type to 'search'. However, this doesn't work for textareas.

ie:

<html>
<body>
  <p>
  <form>
    <input name='search' type='search' placeholder="Input type is search" />
  </form>
</body>
</html>

What is the solution to get this to work in a <textarea />?

score 1 · Accepted Answer · edited Feb 04 '19 at 15:47

From another thread: Changing keyboard type for html textarea on iPad

I wasn't able to find a way to natively do this neither. In the past, we've been able to 'trick' the keyboard by setting a hidden input with the correct type, and pushing the resulting text into an alternate container, though we had headaches recreating the the user interactions, text caret, rendering, all just to avoid using the native keyboard.

At best, you're looking at an very impractical solution.

score -1 · Answer 2 · edited May 23 '17 at 11:44

-1

Add the action parameter to the form element.

<form action=".">
  <input name='search' type='search' placeholder="Input type is search" />
</form>

See this answer - https://stackoverflow.com/a/26287843/4556503

edited May 23 '17 at 11:44

Community

1
1

answered Apr 08 '16 at 14:49

hopkins-matt

2,763
2
15
23

This is for an ``.. The question is asking about a `` – reectrix Apr 11 '16 at 13:08
Out of curiosity, if it is a search field, what is the purpose of using `` instead of `<input/>`? – hopkins-matt Apr 11 '16 at 15:40
It's being used because the plugin I'm using uses a `` to accommodate large text and also dynamically resize that text. – reectrix Apr 12 '16 at 14:57

Show 'Search' instead of 'Return' on iPhone for an html textarea

2 Answers2