Snap Builder Public Codes Library
Snap | Generators | Login | Browse | Search | Enter Code | Export Snap Builder Public Codes Library


Category: HTML5 Codes Library >> Inputs >> Input Types Alternative

Code Snippet </> Info

Snippet Name: Input Types Alternative

Description: Check out the awesome HTML5 INPUT alternative widgets.
Example: View Code Demo



Last Modified: 2015-08-26 22:22:47

Language: html5

Highlight Mode: html

Copy Codes: Use Free Notepad ++
Bookmark and Share

Snap HTML Code Editor:
Paste the source code, make changes and instantly see it in live preview.
Snap HTML Code Editor

  About Copying
Copied To Clipboard!

<!DOCTYPE html> <html xmlns="" dir="ltr"> <head> <title>HTML5 Input Types Alternative</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--[if lt IE 9]> <script src=""></script> <![endif]--> <link href="" rel="stylesheet"> <script src=""></script> <script src=""></script> <link rel="stylesheet" href=""> <script src=""></script> <script src=""></script> <script src=""></script> <script src=""></script> <script src=""></script> <link rel="stylesheet" type="text/css" href="" /> <script type="text/javascript" src=""></script> <script src=""></script> <link rel="stylesheet" type="text/css" media="screen" href="" /> <style> /* Begin HTML5 Input Types Alternative */ /* == This Script Free To Use Providing This Notice Remains == */ /* == This Script Has Been Found In The Free Public Codes Library == */ /* == NOTICE: Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply == */ BODY {font-family:verdana,arial,ms sans serif; font-size:90%; background-color:#ffffff; color:#000000;} #content {margin:0px 15px 0px 15px; padding:15px 15px 15px 15px;} .w2ui-label {float:left; margin-top:6px; margin-bottom:3px; width:100px; padding:0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; min-height:20px;} .w2ui-field {margin-bottom:3px; margin-left:108px; padding:3px; min-height:20px;} span.legend {padding-left:20px; color:#888;} </style> </head> <body> <div id="content"> <h1>HTML5 Input Types Alternative</h1> <h2>Browser Native Controls</h2> <div class="w2ui-label"> Number: </div> <div class="w2ui-field"> <input type="number"> </div> <div class="w2ui-label"> Date: </div> <div class="w2ui-field"> <input type="date"> </div> <div class="w2ui-label"> Color: </div> <div class="w2ui-field"> <input type="color"> </div> <div class="w2ui-label"> Range: </div> <div class="w2ui-field"> <input type="range"> </div> <div style="height: 20px;"></div> <br /><br /> <div id="code"> [ This code example from <a href="">HTML5 Input Types Alternative Code Snippet</a> page. ] </div> </div> </body> </html>

[ Snippet Options ]


© 2002 -  Snap Builder Public Codes Library