<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <input>
Ορισμός και χρήση
Με την ετικέτα <input> εισάγουμε ένα πεδίο φόρμας στο οποίο ο χρήστης μπορεί να πληκτρολογήσει δεδομένα
Ετικέτες τέλους: καμία

Περισσότερα για τις Φόρμες
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
<form action="results.php" method="get">
Όνομα:
<input type="text" name="fname">
<br />
Επώνυμο :
<input type="text" name="lname">
<br />
Φύλο:
<INPUT type="radio" name="sex" value="male" checked="checked" > Ανδρας &nbsp;&nbsp;
<INPUT type="radio" name="sex" value="female"> Γυναίκα
<input type="submit" value="Υποβολή Φόρμας">
Hobbies
<INPUT type="checkbox" name="sports" value="1"> Αθλητισμός<br />
<INPUT type="checkbox" name="tv" value="1"> Τηλεόραση<br />
<INPUT type="checkbox" name="travel" value="1"> Ταξίδια<br />
<INPUT type="checkbox" name="movies" value="1"> Κινηματογράφος
</form>
Όνομα:

Επώνυμο
:

Φύλο
: Ανδρας    Γυναίκα

Hobbies
:
Αθλητισμός
Τηλεόραση
Ταξίδια
Κινηματογράφος

Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Στην HTML5 έχουν προστεθεί αρκετές νέες ιδιότητες.

Η ιδιότητα align έχει αφαιρεθεί. Για να ορίσουμε στοίχηση χρησιμοποιούμε CSS
Ιδιότητες
 
Ιδιότητα Τιμή Περιγραφή
align left ή
right ή
top ή
texttop ή
middle ή
absmiddle ή
baseline ή
bottom ή
absbottom
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Καθορίζει την στοίχιση της εικόνας με το κείμενο που είναι δίπλα σε αυτήν.
Ισχύει μόνο για type="image"
alt κείμενο Ορίζει μια περιγραφή για την εικόνα που χρησιμοποιείται αντί του submit button. Χρησιμοποιείται μόνο όταν type="image"
autocomplete (HTML5) on ή
off
Στην περίπτωση που ορίζουμε την τιμή on, τότε θα αποθηκεύονται τα δεδομένα που πληκτρολογεί ο χρήστης και κάθε φορά που αρχίζει να πληκτρολογεί στο πεδίο, εμφανίζεται κάτω απο αυτά μια λίστα με τα δεδομένα που πληκτρολόγησε στο παρελθόν. Στην περίπτωση off δεν εφαρμόζεται η παραπάνω λειτουργία
autofocus (HTML5) autofocus Η ύπαρξη της ιδιότητας autofocus στο πεδίο σημαίνει ότι κάθε φορά που φορτώνεται η σελίδα, το πεδίο γίνεται focused (μπορεί δηλαδή ο χρήστης να πληκτρολογήσει δεδομένα στο πεδίο αμέσως μετά την ολοκλήρωση της φόρτωσης της σελίδας). Δεν μπορεί να χρησιμοποιηθεί όταν type="hidden"
checked checked Καθορίζει αν ένα στοιχείο της Φόρμας είναι επιλεγμένο.
Ισχύει μόνο για type="checkbox" και type="radio"
disabled disabled Απενεργοποιεί το στοιχείο της Φόρμας (ο επισκέπτης δεν μπορεί να γράψει (για πεδία κειμένου) ή να επιλέξει (για radio button, checkbox, listbox)
Δεν ισχύει για type="hidden"
form (HTML5) id φορμών Μπορεί να πάρει σαν τιμές τις τιμές των id των φορμών στις οποίες ανήκει το πεδίο, χωρισμένες με κενό
formaction (HTML5) URL Ορίζει το URL που θα σταλούν τα δεδομένα του πεδίου όταν η φόρμα γίνεται submit. Υπερισχύει της ιδιότητας action της <form>
formenctype (HTML5) application/x-www-form-urlencoded

multipart/form-data

text/plain
Ορίζει την κωδικοποίηση των δεδομένων του πεδίου που θα σταλλεί στον server. Υπερισχύει της ιδιότητας enctype της <form>
formmethod (HTML5) delete
get
post
put
Ορίζει τον τρόπο που θα σταλούν τα δεδομένα του πεδίου στον server. Υπερισχύει της ιδιότητας method της <form>
formnovalidate (HTML5) formnovalidate Αν υπάρχει η ιδιότητα, τότε τα δεδομέμα του πεδίου στέλνονται στον server χωρίς να γίνεται validate
formtarget (HTML5) _blank
_self
_parent
_top
όνομα frame
Ορίζει το σημείο που θα εμφανιστεί η σελίδα που ορίζεται απο την ιδιότητα formaction ή action. Υπερισχύει της ιδιότητας target
height (HTML5) pixels
%
Ορίζει το ύψος του πεδίου
list (HTML5) id ενός <datalist> Ορίζει το <datalist> το οποίο περιέχει τα δεδομένα που μπορεί να πάρει το πεδίο
max (HTML5) αριθμός Ορίζει την μέγιστη τιμή που μπορεί να πάρει ένα πεδίο.
maxlength αριθμός Καθορίζει τον μέγιστο αριθμό χαρακτήρων που μπορεί να πληκτρολογήσει ο επισκέπτης
min (HTML5) αριθμός Ορίζει την ελάχιστη τιμή που μπορεί να πάρει ένα πεδίο.
multiple (HTML5) multiple Η ύπαρξη της ιδιότητας αυτής σε ένα πεδίο σημαίνει πως μπορούμε να επιλέξουμε σε αυτό περισσότερες από μια τιμές.
name όνομα στοιχείου Καθορίζει ένα μοναδικο όνομα για το πεδίο της Φόρμας.
pattern (HTML5) έκφραση RegExp() της JavaScript

Ορίζει σε ένα πεδίο ένα σύνολο χαρακτήρων που μπορεί να πάρει το πεδίο αυτό. Το σύνολο χαρακτήρων προκύπτει από την μέθοδο RegExp της JavaScript.

placeholder (HTML5) κείμενο Ορίζει ένα σύντομο κείμενο το οποίο περιγράφει την τιμή που παίρνει το πεδίο. Το κείμενο σβήνεται όταν ο χρήστης τοποθετεί τον κέρσορα του ποντικιού του στην περιοχή κειμένου για να πληκτρολογήσει κείμενο
readonly readonly Η ύπαρξη της ιδιότητας αυτής ορίζει το στοιχείο μόνο για ανάγνωση. Ο επισκέπτης δεν μπορεί να πληκτρολογήσει δεδομένα.
Ισχύει μόνο για type="text"
required (HTML5) required

Ορίζει τα πεδία που απαραίτητα πρέπει να συμπληρωθούν από τον χρήστη πριν την υποβολή (submit) της φόρμας

size αριθμός Καθορίζει τον μέγεθος του πεδίου της Φόρμας
Δεν ισχύει για type="hidden"
src URL Καθορίζει το URL της εικόνας που χρησιμοποιείται αντί του submit button
ισχύει για type="image"
step (HTML5) αριθμός
any
Ορίζει το σύνολο των αριθμών που μπορεί να πάρει ένα πεδίο. Για παράδειγμα, αν ορίσουμε στην ιδιότητα την τιμή 5, τότε οι επιτρεπτοί αριθμοί είναι οι: ...,-10, -5, 0, 5,10,15...κτλ.
type button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
Καθορίζει τον τύπο του στοιχείου της Φόρμας. Η εξορισμού τιμή είναι type="text"
value τιμή Για τα Κουμπιά Υποβολής Φόρμας, τα Κουμπιά Καθαρισμού και τα απλά Κουμπιά καθορίζει το κείμενο επάνω σε αυτά

Για τις Εικόνες Υποβολής Φόρμας καθορίζει μια συμβολική τιμή που περνά στο script αρχείο που θα επεξεργαστεί τα δεδομένα της Φόρμας

Για τα Κουμπιά επιλογών και τα Κουτιά πολλαπλών επιλογών καθορίζει την τιμή που θα σταλεί στο script αρχείο που θα επεξεργαστεί τα δεδομένα της Φόρμας. Εδώ η χρήση της ιδιότητας value είναι απαραίτητη

Για τα Πεδία Κειμένου, Πεδία Πληκτρολόγησης Κωδικού και τα κρυφά πεδία καθορίζει την αρχική τιμή των πεδίων

Δεν ισχύει για type="file"
width (HTML5) pixels
%
Ορίζει το μήκος του πεδίου
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <input> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <input> υποστηρίζει τις ιδιότητες events της HTML5