It's a example of text input and input type.
<!doctype html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>Mobile-Web-App: text input and input type</title>
</head>
<body>
<h1>Mobile-Web-App</h1>
<form>
<p>Name: <input type="text" name="name" placeholder="Name"/></p>
<p>Email: <input type="email" name="email" placeholder="Email" /></p>
<p>Tel: <input type="number" name="tel" placeholder="Tel" /></P>
<p>Password: <input type="password" name="password" placeholder="Password" /></p>
<p>Birthday: <input type="date" name="birthday" /></p>
<p>Now(Date-Time): <input type="datetime" name="now" /></p>
</form>
</body>
</html>
Please note that part of the attributes are introduced in HTML5, not implemented in all browser.
On Google Chrome (version 16.0.912.77):
On Mozilla Firefox (version 10.0):
On Opera (version 11.61):
On Opera Mobile (version 11.50) on Android Honeycomb (3.2.1):
Related:
- HTML Text input and input type@jQuery Mobile
No comments:
Post a Comment