<!-->
<!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)
Η ετικέτα <select>
Ορισμός και χρήση
Με την ετικέτα <select> εισάγουμε Λίστες Επιλογών στην σελίδα μας
Ετικέτα τέλους: </select>

Περισσότερα για τις Φόρμες
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
<select name="countries">
<option value="GR" selected="selected">Ελλάδα</option>
<option value="FR">Γαλλία</option>
<option value="ES">Ισπανία</option>
<option value="GE">Γερμανία</option>
<option value="IT">Ιταλία</option>
<option value="NE">Ολλανδία</option>
<option value="PO">Πορτογαλλία</option>
<option value="UK">Αγγλία</option>
</select>
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Στην HTML5 έχουν προστεθεί δύο νέες ιδιότητες
Ιδιότητες
Ιδιότητα Τιμή Περιγραφή
autofocus (HTML5) autofocus Η ύπαρξη της ιδιότητας autofocus στο πεδίο σημαίνει ότι κάθε φορά που φορτώνεται η σελίδα, το κουμπί γίνεται focused (αν δηλαδή ο χρήστης πατήσει το space ή το enter του πληκτρολογίου του αφού φορτώσει η σελίδα, το κουμπί θα πατηθεί)
disabled disabled Η ύπαρξη της ιδιότητας απενεργοποιεί μια επιλογή από την Λίστα Επιλογών (ο επισκέπτης δεν μπορεί να την επιλέξει)
form (HTML5) id φορμών Μπορεί να πάρει σαν τιμές τα id των φορμών που ανήκει, χωρισμένες με κενό
multiple multiple Επιτρέπει πολλαπλές επιλογές
name Όνομα στοιχείου Καθορίζει ένα μοναδικο όνομα
size αριθμός Καθορίζει τον αριθμό των ορατών επιλογών
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <select> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <select> υποστηρίζει τις ιδιότητες events της HTML5
Δοκίμασε το
Λίστες Επιλογών
Πώς εισάγουμε Λίστα Επιλογών στην Φόρμα μας