CodeW3C Online Tutorial
Σειρά Εκπαιδευτικού Υλικού HTML
浏览器脚本
服务器脚本
Εκπαιδευτικό Υλικό για Προγραμματισμό
Σειρά Εκπαιδευτικού Υλικού XML
Εγχειρίδιο Δημιουργίας Ιστοσελίδων
Εγχειρίδιο Εference
课程表
Εγχειρίδιο Εference
HTML 元素（字母排序）
HTML 元素（功能排序）
HTML 浏览器支持
Γενικές Προσβλέψεις HTML
HTML 事件
Όνομα Χρώματος HTML
HTML 画布
HTML 视频/音频
Σύνολο Σημείων Σύμβολων HTML
HTML 文档类型
Κωδικοποίηση URL HTML
HTML 语言代码
HTML 国家代码
HTTP 消息
HTTP 方法
Συντοκείμενα Πλήκτρων
HTML 标签
-
</a></li> <li><a href="/el/tags/tag_img.html" title="HTML <img> στοιχεία"><img></a></li> <li><a href="/el/tags/tag_input.html" title="HTML <input> στοιχεία"><input></a></li> <li><a href="/el/tags/tag_ins.html" title="HTML <ins> στοιχεία"><ins></a></li> <li><a href="/el/tags/tag_kbd.html" title="HTML <kbd> στοιχεία"><kbd></a></li> <li><a href="/el/tags/tag_label.html" title="HTML <label> στοιχεία"><label></a></li> <li><a href="/el/tags/tag_legend.html" title="HTML <legend> στοιχεία"><legend></a></li> <li><a href="/el/tags/tag_li.html" title="HTML <li> στοιχεία"><li></a></li> <li><a href="/el/tags/tag_link.html" title="HTML <link> στοιχεία"><link></a></li> <li><a href="/el/tags/tag_main.html" title="HTML <main> στοιχεία"><main></a></li> <li><a href="/el/tags/tag_map.html" title="HTML <map> στοιχεία"><map></a></li> <li><a href="/el/tags/tag_mark.html" title="HTML <mark> στοιχεία"><mark></a></li> <li><a href="/el/tags/tag_menu.html" title="HTML <menu> στοιχεία"><menu></a></li> <li><a href="/el/tags/tag_meta.html" title="HTML <meta> στοιχεία"><meta></a></li> <li><a href="/el/tags/tag_meter.html" title="HTML <meter> στοιχεία"><meter></a></li> <li><a href="/el/tags/tag_nav.html" title="HTML <nav> στοιχεία"><nav></a></li> <li><a href="/el/tags/tag_noframes.html" title="HTML <noframes> στοιχεία"><noframes></a></li> <li><a href="/el/tags/tag_noscript.html" title="HTML <noscript> στοιχεία"><noscript></a></li> <li><a href="/el/tags/tag_object.html" title="HTML <object> στοιχεία"><object></a></li> <li><a href="/el/tags/tag_ol.html" title="HTML <ol> στοιχεία"><ol></a></li> <li><a href="/el/tags/tag_optgroup.html" title="HTML <optgroup> στοιχεία"><optgroup></a></li> <li><a href="/el/tags/tag_option.html" title="HTML <option> στοιχεία"><option></a></li> <li><a href="/el/tags/tag_output.html" title="HTML <output> στοιχεία"><output></a></li> <li><a href="/el/tags/tag_p.html" title="HTML <p> στοιχεία"><p></a></li> <li><a href="/el/tags/tag_param.html" title="HTML <param> στοιχεία"><param></a></li> <li><a href="/el/tags/tag_picture.html" title="HTML <picture> στοιχεία"><picture></a></li> <li><a href="/el/tags/tag_pre.html" title="HTML <pre> στοιχεία"><pre></a></li> <li><a href="/el/tags/tag_progress.html" title="HTML <progress> στοιχεία"><progress></a></li> <li><a href="/el/tags/tag_q.html" title="HTML <q> στοιχεία"><q></a></li> <li><a href="/el/tags/tag_rp.html" title="HTML <rp> στοιχεία"><rp></a></li> <li><a href="/el/tags/tag_rt.html" title="HTML <rt> στοιχεία"><rt></a></li> <li><a href="/el/tags/tag_ruby.html" title="HTML <ruby> στοιχεία"><ruby></a></li> <li><a href="/el/tags/tag_s.html" title="HTML <s> στοιχεία"><s></a></li> <li><a href="/el/tags/tag_samp.html" title="HTML <samp> στοιχεία"><samp></a></li> <li><a href="/el/tags/tag_script.html" title="HTML <script> στοιχεία"><script></a></li> <li><a href="/el/tags/tag_search.html" title="HTML <search> στοιχεία"><search></a></li> <li><a href="/el/tags/tag_section.html" title="HTML <section> στοιχεία"><section></a></li> <li><a href="/el/tags/tag_select.html" title="HTML <select> στοιχεία"><select></a></li> <li><a href="/el/tags/tag_small.html" title="HTML <small> στοιχεία"><small></a></li> <li><a href="/el/tags/tag_source.html" title="HTML <source> στοιχεία"><source></a></li> <li><a href="/el/tags/tag_span.html" title="HTML <span> στοιχεία"><span></a></li> <li><a href="/el/tags/tag_strike.html" title="HTML <strike> στοιχεία"><strike></a></li> <li><a href="/el/tags/tag_strong.html" title="HTML <strong> στοιχεία"><strong></a></li> <li><a href="/el/tags/tag_style.html" title="HTML <style> στοιχεία"><style></a></li> <li><a href="/el/tags/tag_sub.html" title="HTML <sub> ετικέτα"><sub></a></li> <li><a href="/el/tags/tag_summary.html" title="HTML <summary> ετικέτα"><summary></a></li> <li><a href="/el/tags/tag_sup.html" title="HTML <sup> ετικέτα"><sup></a></li> <li><a href="/el/tags/tag_svg.html" title="HTML <svg> ετικέτα"><svg></a></li> <li><a href="/el/tags/tag_table.html" title="HTML <table> ετικέτα"><table></a></li> <li><a href="/el/tags/tag_tbody.html" title="HTML <tbody> ετικέτα"><tbody></a></li> <li><a href="/el/tags/tag_td.html" title="HTML <td> ετικέτα"><td></a></li> <li><a href="/el/tags/tag_template.html" title="HTML <template> ετικέτα"><template></a></li> <li><a href="/el/tags/tag_textarea.html" title="HTML <textarea> ετικέτα"><textarea></a></li> <li><a href="/el/tags/tag_tfoot.html" title="HTML <tfoot> ετικέτα"><tfoot></a></li> <li><a href="/el/tags/tag_th.html" title="HTML <th> ετικέτα"><th></a></li> <li><a href="/el/tags/tag_thead.html" title="HTML <thead> ετικέτα"><thead></a></li> <li><a href="/el/tags/tag_time.html" title="HTML <time> ετικέτα"><time></a></li> <li><a href="/el/tags/tag_title.html" title="HTML <title> ετικέτα"><title></a></li> <li><a href="/el/tags/tag_tr.html" title="HTML <tr> ετικέτα"><tr></a></li> <li><a href="/el/tags/tag_track.html" title="HTML <track> ετικέτα"><track></a></li> <li><a href="/el/tags/tag_tt.html" title="HTML <tt> ετικέτα"><tt></a></li> <li><a href="/el/tags/tag_u.html" title="HTML <u> ετικέτα"><u></a></li> <li><a href="/el/tags/tag_ul.html" title="HTML <ul> ετικέτα"><ul></a></li> <li><a href="/el/tags/tag_var.html" title="HTML <var> ετικέτα"><var></a></li> <li><a href="/el/tags/tag_video.html" title="HTML <video> ετικέτα"><video></a></li> <li><a href="/el/tags/tag_wbr.html" title="HTML <wbr> ετικέτα"><wbr></a></li> </ul> </div> <div><h3><center> Εξεταζόμενα Μαθήματα </center><h3> <h2>Προτεινόμενα Μαθήματα:</h2> <ul> <li><a href="/el/howto/index.html" title="CodeW3C.com Κουτί Εργαλείων">CodeW3C.com Κουτί Εργαλείων</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML ιδιότητα <label> for</h1> <div class="backtoreference"> <p><a href="/el/tags/tag_label.html">HTML <label> στοιχεία</a></p> </div> <div> <h2>Ορισμός και Χρήση</h2> <p><code>for</code> Η ιδιότητα καθορίζει σε ποιο στοιχείο φόρμας συνδέεται η ετικέτα.</p> <h3>Ανεξάρτητη και Ενδεικτική Σύνδεση</h3> <p>Η ετικέτα συνδέεται με τον ελέγχου φόρμας με δύο τρόπους: ως περιεχόμενο της ετικέτας, που είναι ανεξάρτητη, ή για την ετικέτα <label> κάτω από <code>for</code> Η ιδιότητα ορίζει έναν στόχο φόρμας id, οπότε είναι ενδεικτική.</p> <p>Για παράδειγμα, στον XHTML:</p> <h4>Ενδεικτική Σύνδεση:</h4> <pre class="language-html"> <label for="SSN">Αριθμός ταυτότητας:</label> <input type="text" name="IdNum" id="IN" /> </pre> <h4>Ανεξάρτητη Σύνδεση:</h4> <pre class="language-html"> <label>Ημερομηνία Γέννησης：<input type="text" name="DofB" /></label> </pre> <p>Η πρώτη ετικέτα συνδέει οριστικά το κείμενο "Social Security Number:" και το κείμενο του ελέγχου εισαγωγής του φόρμαυς κοινωνικής ασφάλισης ("SocSecNum"), το οποίο <code>for</code> Η τιμή της ιδιότητας και του id του στοιχείου είναι η SSN. Η δεύτερη ετικέτα ("Ημερομηνία Γέννησης:") δεν χρειάζεται <code>for</code> Η ιδιότητα, τα σχετικά στοιχεία ελέγχου της δεν χρειάζονται την ιδιότητα id, συνδέονται εμπειρικά μέσω της τοποθέτησης του στοιχείου ελέγχου <input> εντός της ετικέτας <label>.</p> </div> <div> <h2>Παράδειγμα</h2> <p>Τρεις επιλογές με ετικέτες:</p> <pre class="language-html"> <form action="/action_page.php"> <input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">HTML</label><br> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label><br><br> <input type="submit" value="Υποβολή"> </form> </pre> <p class="tiy"><a target="_blank" href="/el/tiy/t.html?f=tag_label_for">Προσπαθήστε το個人</a></p> </div> <div> <h2>Γλώσσα</h2> <pre class="language-html"> <label for="<i>element_id</i>"> </pre> <h3>Αξία ιδιότητας</h3> <table class="dataintable"> <tr> <th style="width: 20%;">Αξία</th> <th>Περιγραφή</th> </tr> <tr> <td><i>element_id</i></td> <td>Το id του στοιχείου που συνδέεται με την ετικέτα.</td> </tr> </table> </div> <div> <h2>Υποστήριξη προγράμματος περιήγησης</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Υποστήριξη</td> <td>Υποστήριξη</td> <td>Υποστήριξη</td> <td>Υποστήριξη</td> <td>Υποστήριξη</td> </tr> </table> </div> <div class="backtoreference"> <p><a href="/el/tags/tag_label.html">HTML <label> στοιχεία</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Εργαλείο </center><h3> <h5 id="tools_reference"><a href="/el/tags/index.html">Εγχειρίδιο αναφοράς HTML</a></h5> <h5 id="tools_example"><a href="/el/html/html_examples.html">Παραδείγματα HTML</a></h5> <h5 id="tools_quiz"><a href="/el/html/html_quiz.html">Ερωτήσεις HTML</a></h5> <h5 id="tools_tutorial"><a href="/el/html/index.html">Εκμάθηση HTML</a></h5> </div> <div><h3><center> Σύνδεσμοι χορηγίας </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Το περιεχόμενο που παρέχει το CodeW3C.com χρησιμοποιείται μόνο για εκπαίδευση και δοκιμή και δεν γίνεται εγγύηση για την ακρίβεια του περιεχομένου. Οι κινδύνοι που προκύπτουν από τη χρήση του περιεχομένου αυτού δεν έχουν καμία σχέση με τον ιστότοπο. Αυτοί έχουν版权 και διατηρούνται όλες οι δικαιώματα. </p> <p id="p2"> <a href="/el/about/index.html" title="Σχετικά με το CodeW3C.com">Σχετικά με το CodeW3C.com</a> <a href="/el/about/about_helping.html" title="Βοήθεια CodeW3C.com">Βοήθεια CodeW3C.com</a> <a href="/el/about/about_use.html" title="Σχετικά με τη χρήση">Παράγραφοι χρήσης</a> <a href="/el/about/about_privacy.html" title="Σχετικά με την ιδιωτικότητα">Παράγραφοι ιδιωτικότητας</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Δραστηριοποιημένο από Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>