|
Definition and UsageThe Here is an input field with the enterkeyhint value set to "search":
Result (do you see the blue "search" button):
If you set the enterkeyhint value to "go":
The result will be like this:
Applies toThe
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:
| How to Controll a virtual keyboard's "Enter" button with the enterkeyhint attribute | HTML Attribute |
Read Full: | HTML Attribute |
Type: | Develop |
Category: | Web Tutorial |
Sub Category: | HTML Attribute |
Uploaded: | 1 week ago |
Uploaded by: | Admin |
Views: | 23 |
Reffered: https://www.w3schools.com/tags/att_enterkeyhint.asp