Horje

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




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