Total members 11893 |It is currently Tue Nov 05, 2024 3:31 pm Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka
Switch to mobile style





HTML5 inputs tags examples:
Date Picker
Code:
<input type="date" name="mydate"> 

Placeholder
Code:
<input name="myname" type="text" placeholder="Enter your first name"> 

Slider
Code:
<input type="range" value=30 name="Width" min=0 max=100 step=5 > 

Spinner
Code:
<input type="number-spin" value="20"  min="0" max="100" step="2" > 

Datalist
Code:
<input name="weblink " id="weblink" type="url" list="mylist" >
<datalist id=" mylist ">
<option value="http://www.codemiles.com" label="Codemiles">
<option value="http://javaxforums.com" label="javaxforums">
<option value="http://facebook.com" label="Facebook">
</datalist> 

Multiple File Selection
Code:
<input type="file" name="myPhotos " multiple="multiple" /> 

Progress Bar
Code:
<progress   max=100 value=33>33%</progress> 

Meter
Code:
<meter min=0 max=100 value=33 optimum=33>33</meter> 

Color Picker
Code:
<input type="color"> 




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  Page 1 of 1
  [ 1 post ] 

  Related Posts  to : Inputs in HTML5
 Template to start HTML5     -  
 calculate sum of many text inputs in javascript     -  



Switch to mobile style
cron




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com