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 |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Attribute |
Uploaded by: | Admin |