HTML enterkeyhint Attribute - HTML Attribute

Definition and Usage

The enterkeyhint attribute allows you to change the appearance of the "Enter" key on a virtual keyboard.

Here is an input field with the enterkeyhint value set to "search":

<input type="text" enterkeyhint="search">

Result (do you see the blue "search" button):

If you set the enterkeyhint value to "go":

<input type="text" enterkeyhint="go">

The result will be like this:

Applies to

The enterkeyhint attribute is a Global Attribute, and can be used on any HTML element, but the element must be editable.

Element	Attribute
All HTML elements	enterkeyhint

Browser Support

How to Controll a virtual keyboard's "Enter" button with the enterkeyhint attribute

Run the example with a phone or tablet to see the result.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
  font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align:center;
}
</style>
<body>

<h2>The enterkeyhint Attribute</h2>

<p>Browse this page with a phone.</p>

<p>Click the input field:</p>

<input type="text" enterkeyhint="search">

<p>And check the "Enter" button on the keyboard.</p>

</body>
</html>

Output should be:

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference