HTML'de "label" nedir?

Ana SayfaTüm sorularHTML'de nedir?

Kategori: HTML

Cevap

etiketi HTML'de bir form elemanı için açıklama veya etiketleme sağlar. Bu, kullanıcılara formda hangi verileri girmeleri gerektiği konusunda yardımcı olabilir.
etiketi, bir form elemanının semantik olarak bağlantılı olduğunu gösterir ve erişilebilirliği artırır. Örneğin, bir ekran okuyucusu kullanan bir kullanıcı, etiketi sayesinde kullanıcı hangi form elemanının ne olduğunu anlayabilir.
Örnek kodlar:

Name:
Yukarıdaki kod, bir ad girişi için bir etiket ve bir giriş kutusu oluşturur. etiketi, giriş kutusunun yanına \"Name:\" yazdırmak için kullanılır. for özelliği, etiketini hangi form elemanına bağlamak istediğimizi belirtir ve burada id özelliği belirtilen \"name\" giriş kutusuyla eşleşir.

I agree to the terms and conditions
Yukarıdaki örnek, bir onay kutusu için bir etiket oluşturur. etiketi, onay kutusunun yanındaki metni belirlemek için kullanılır. for özelliği, etiketi onay kutusuyla eşleştirmek için kullanılır.

Email:

Yukarıdaki örnek, bir e-posta girişi için bir etiket ve giriş kutusu oluşturur. etiketi, giriş kutusunun yanındaki \"Email:\" metnini belirlemek için kullanılır. Ancak, for özelliği kullanılmaz çünkü ve bağlantılıdır. etiketi, etiketinin içinde yer almaktadır.

Comment:

Yukarıdaki örnek, bir yorum kutusu için bir etiket ve metin alanı oluşturur. etiketi, metin alanının yanındaki \"Comment:\" metnini belirlemek için kullanılır. etiketi, etiketinin içinde yer almaktadır.<br />Gördüğünüz gibi, <label> etiketi form verilerine açıklama veya etiketleme sağlamak için oldukça faydalıdır. Bu form elemanlarının erişilebilirliği artırmanın yanı sıra, web sitelerini daha kullanıcı dostu hale getirmeye yardımcı olabilir.</p></p> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <aside class="col-md-3"> <ul class="sidebar_widgets"> <li class="widget widget-categories shape"> <h4 class="widget-head main-color">Soru Kategorileri</h4> <div class="widget-content"> <ul> <li><a href="/soru-kategori-Genel-Bilgiler.html">Genel Bilgiler</a></li> <li><a href="/soru-kategori-MySql.html">MySql</a></li> <li><a href="/soru-kategori-CloudFlare.html">CloudFlare</a></li> <li><a href="/soru-kategori-cPanel.html">cPanel</a></li> <li><a href="/soru-kategori-Outlook.html">Outlook</a></li> <li><a href="/soru-kategori-CWP-Centos-Web-Panel.html">CWP Centos Web Panel</a></li> <li><a href="/soru-kategori-Server.html">Server</a></li> <li><a href="/soru-kategori-Programlar-Scriptler.html">Programlar / Scriptler</a></li> <li><a href="/soru-kategori-PHP.html">PHP</a></li> <li><a href="/soru-kategori-Python.html">Python</a></li> <li><a href="/soru-kategori-CyberPanel.html">CyberPanel</a></li> <li><a href="/soru-kategori-E-Ticaret.html">E-Ticaret</a></li> <li><a href="/soru-kategori-CSS.html">CSS</a></li> <li><a href="/soru-kategori-Internet-Terimleri.html">İnternet Terimleri</a></li> </ul> </div> </li> </ul> <ul class="sidebar_widgets"> <li class="widget widget-categories shape"> <h4 class="widget-head main-color">Kategoriler</h4> <div class="widget-content"> <ul> <li><a id="mbt" href="/yazilim-531075-Mac-Tahminleri-Web-Sitesi.html">Maç Tahminleri Web Sitesi</a></li> <li><a id="mbt" href="/yazilim-E-Ticaret-Premium.html">E-Ticaret Premium</a></li> <li><a id="mbt" href="/yazilim-502999-Yargitay-2022-Kararlari-Modulu.html">Yargıtay 2022 Kararları Modülü</a></li> <li><a id="mbt" href="/yazilim-727717-Mac-Yorumlari-Web-Sitesi---Takimlar-Modulu.html">Maç Yorumları Web Sitesi - Takımlar Modülü</a></li> <li><a id="mbt" href="/yazilim-645045-Emlak-Web-Sitesi.html">Emlak Web Sitesi</a></li> <li><a id="mbt" href="/yazilim-536028-Diamond-Emlak-Web.html">Diamond Emlak Web</a></li> <li><a id="mbt" href="/yazilim-164767-Super-Site.html">Süper Site</a></li> <li><a id="mbt" href="/yazilim-613786-Yapay-Zeka-Kitap-Yazma.html">Yapay Zeka Kitap Yazma Sistemi</a></li> <li><a id="mbt" href="/yazilim-667307-Yapay-Zeka-Blog-Yazari.html">Yapay Zeka Blog Yazarı</a></li> <li><a id="mbt" href="/yazilim-189995-Fast-Print-Matbaa-Web-Sitesi.html">Fast Print Matbaa Web Sitesi</a></li> <li><a id="mbt" href="/yazilim-852360-Antika-Kitap-Sistemi.html">E-Kitap Satış Sistemi + 70000 E-Kitap</a></li> <li><a id="mbt" href="/yazilim-950427-E-Ihracat-Diamond.html">E-İhracat Diamond</a></li> <li><a id="mbt" href="/yazilim-Dijital-Kartvizit-Web-Sitesi.html">Dijital Kartvizit Web Sitesi</a></li> <li><a id="mbt" href="/yazilim-793654-Avukata-Sor-Modulu.html">Yapay Zeka Hukuk Asistanı</a></li> <li><a id="mbt" href="/yazilim-Acente-Web-Sitesi.html">Acente Web Sitesi</a></li> <li><a id="mbt" href="/kategori-detay-Firma-Web-Siteleri.html">Firma Web Siteleri</a><span>( 126 )</span></li> <li><a id="mbt" href="/kategori-detay-doktor-web-siteleri.html">Doktor & Medikal Web Sitesi</a><span>( 22 )</span></li> <li><a id="mbt" href="/kategori-detay-Avukat-Web-Sitesi.html">Avukat Web Sitesi</a><span>( 22 )</span></li> <li><a id="mbt" href="/kategori-detay-Danismanlik-Web-Sitesi.html">Danışmanlık Web Sitesi</a><span>( 47 )</span></li> <li><a id="mbt" href="/kategori-detay-Firin-Pastane-Web-Sitesi.html">Fırın & Pastane Web Sitesi</a><span>( 1 )</span></li> <li><a id="mbt" href="/kategori-detay-Insaat-Mimarlik-Web-Sitesi.html">İnşaat & Mimarlık Web Sitesi</a><span>( 23 )</span></li> <li><a id="mbt" href="/kategori-detay-Restoran-Web-Sitesi.html">Restoran Web Sitesi</a><span>( 9 )</span></li> <li><a id="mbt" href="/kategori-detay-Guzellik-Merkezi-Web-Sitesi.html">Güzellik Merkezi Web Sitesi</a><span>( 13 )</span></li> <li><a id="mbt" href="/kategori-detay-Sporcu-Web-Sitesi.html">Sporcu Web Sitesi</a><span>( 4 )</span></li> <li><a id="mbt" href="/kategori-detay-Sigorta-Firmasi-Web-Sitesi.html">Sigorta Firması Web Sitesi</a><span>( 6 )</span></li> <li><a id="mbt" href="/kategori-detay-Fabrika-Web-Sitesi.html">Fabrika Web Sitesi</a><span>( 4 )</span></li> <li><a id="mbt" href="/kategori-detay-Kuafor-Web-Sitesi.html">Kuaför Web Sitesi</a><span>( 13 )</span></li> <li><a id="mbt" href="/kategori-detay-Dis-Hekimi-Web-Sitesi.html">Diş Hekimi Web Sitesi</a><span>( 22 )</span></li> <li><a id="mbt" href="/kategori-detay-Tek-Sayfa-One-Page-Web-Sitesi.html">Tek Sayfa (One Page) Web Sitesi</a><span>( 97 )</span></li> <li><a id="mbt" href="/kategori-detay-Teknik-Servis-Web-Sitesi.html">Teknik Servis Web Sitesi</a><span>( 8 )</span></li> </ul> </div> </li> </ul> </aside> </div> </div> </div> </div> <footer id="footWrapper"> <div class="footer-middle"> <div class="container"> <div class="row"> <div class="col-md-6"> <h3>Yazılımlarımız</h3> <ul class="tags hover-effect"> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-Acente-Web-Sitesi.html" data-hover="Acente Web Sitesi">Acente Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-Dijital-Kartvizit-Web-Sitesi.html" data-hover="Dijital Kartvizit Web Sitesi">Dijital Kartvizit Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-E-Ticaret-Premium.html" data-hover="E-Ticaret Premium">E-Ticaret Premium</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-502999-Yargitay-2022-Kararlari-Modulu.html" data-hover="Yargıtay 2022 Kararları Modülü">Yargıtay 2022 Kararları Modülü</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-727717-Mac-Yorumlari-Web-Sitesi---Takimlar-Modulu.html" data-hover="Maç Yorumları Web Sitesi - Takımlar Modülü">Maç Yorumları Web Sitesi - Takımlar Modülü</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-645045-Emlak-Web-Sitesi.html" data-hover="Emlak Web Sitesi">Emlak Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-536028-Diamond-Emlak-Web.html" data-hover="Diamond Emlak Web">Diamond Emlak Web</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-793654-Avukata-Sor-Modulu.html" data-hover="Yapay Zeka Hukuk Asistanı">Yapay Zeka Hukuk Asistanı</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-164767-Super-Site.html" data-hover="Süper Site">Süper Site</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-613786-Yapay-Zeka-Kitap-Yazma.html" data-hover="Yapay Zeka Kitap Yazma Sistemi">Yapay Zeka Kitap Yazma Sistemi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-667307-Yapay-Zeka-Blog-Yazari.html" data-hover="Yapay Zeka Blog Yazarı">Yapay Zeka Blog Yazarı</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-531075-Mac-Tahminleri-Web-Sitesi.html" data-hover="Maç Tahminleri Web Sitesi">Maç Tahminleri Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-189995-Fast-Print-Matbaa-Web-Sitesi.html" data-hover="Fast Print Matbaa Web Sitesi">Fast Print Matbaa Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-852360-Antika-Kitap-Sistemi.html" data-hover="E-Kitap Satış Sistemi + 70000 E-Kitap">E-Kitap Satış Sistemi + 70000 E-Kitap</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a style="width: 100%;" href="/yazilim-950427-E-Ihracat-Diamond.html" data-hover="E-İhracat Diamond">E-İhracat Diamond</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Firma-Web-Siteleri.html" data-hover="Firma Web Siteleri">Firma Web Siteleri</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-doktor-web-siteleri.html" data-hover="Doktor & Medikal Web Sitesi">Doktor & Medikal Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Avukat-Web-Sitesi.html" data-hover="Avukat Web Sitesi">Avukat Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Danismanlik-Web-Sitesi.html" data-hover="Danışmanlık Web Sitesi">Danışmanlık Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Firin-Pastane-Web-Sitesi.html" data-hover="Fırın & Pastane Web Sitesi">Fırın & Pastane Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Insaat-Mimarlik-Web-Sitesi.html" data-hover="İnşaat & Mimarlık Web Sitesi">İnşaat & Mimarlık Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Restoran-Web-Sitesi.html" data-hover="Restoran Web Sitesi">Restoran Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Guzellik-Merkezi-Web-Sitesi.html" data-hover="Güzellik Merkezi Web Sitesi">Güzellik Merkezi Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Sporcu-Web-Sitesi.html" data-hover="Sporcu Web Sitesi">Sporcu Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Sigorta-Firmasi-Web-Sitesi.html" data-hover="Sigorta Firması Web Sitesi">Sigorta Firması Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Fabrika-Web-Sitesi.html" data-hover="Fabrika Web Sitesi">Fabrika Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Kuafor-Web-Sitesi.html" data-hover="Kuaför Web Sitesi">Kuaför Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Dis-Hekimi-Web-Sitesi.html" data-hover="Diş Hekimi Web Sitesi">Diş Hekimi Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Tek-Sayfa-One-Page-Web-Sitesi.html" data-hover="Tek Sayfa (One Page) Web Sitesi">Tek Sayfa (One Page) Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/kategori-detay-Teknik-Servis-Web-Sitesi.html" data-hover="Teknik Servis Web Sitesi">Teknik Servis Web Sitesi</a></li> <li style="width: 48%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/web-sitesi-fiyatlari.html" data-hover="Web Sitesi Fiyatları">Web Sitesi Fiyatları</a></li> </ul> <ul class="tags hover-effect"> <li style="width: 100%; text-align: left; float: left;" class="shape sm"><a id="mbt" style="width: 100%;" href="/tumyazilimlar.html" data-hover="Tüm Yazılımlarımız">Tüm Yazılımlarımız</a></li> </ul> </div>  <div class="col-md-3 last contact-widget"> <h3>Duyurular</h3> <li class="widget w-recent-posts shape"> <ul> <li> <div class="post-img"> <a href="/duyurular.html"><img src="/uploads/duyurular/080.jpg" alt="One Page - Tek Sayfa Web Sitelerimiz Satışta"></a> </div> <div class="widget-post-info"> <h5><a href="/duyurular.html">One Page - Tek Sayfa Web Sitelerimiz Satışta</a><br /><span><i class="fa fa-clock-o"></i>21/11/2022</span></h5> </div> </li> <li> <div class="post-img"> <a href="/duyurular.html"><img src="/uploads/duyurular/bintl.jpg" alt="Yeni Nesil E-Ticaret Sistemlerimiz kısa bir süre için 1000 TL indirimli olarak satışa sunulmuştur"></a> </div> <div class="widget-post-info"> <h5><a href="/duyurular.html">Yeni Nesil E-Ticaret Sistemlerimiz kısa bir süre için 1000 TL indirimli olarak satışa sunulmuştur</a><br /><span><i class="fa fa-clock-o"></i>15/11/2022</span></h5> </div> </li> </ul> </li> </div> <div class="col-md-3 last contact-widget"> <h3>Bize Ulaşın</h3> <ul class="details"> <li> <a href="index.html"><img alt="Abaküs Yazılım Hizmetleri" src="/abakus_alt.png" /></a></li> <li><span class="heavy-font">Abaküs Yazılım Hizmetleri</span></li> <li><i class="fa fa-envelope shape"></i><span>bilgi@abakusyazilim.com.tr</span></li> <li><i class="fa fa-phone shape"></i><span><a target="_blank" href="tel:0216 488 01 91">0216 488 01 91</a></span></li> </ul> </div> <div class="clearfix margin-bottom-30"></div> </div> <div class="bottom-md-footer paylas" align="center"> <div class="col-md-12" align="center"> <label>Bizi Takip Edin</label> <ul class="social-list" style="margin-left: 43%;"> <div align="center"> <li><a target="_blank" href="https://www.facebook.com/" class="fa fa-facebook" data-tooltip="true" data-title="facebook" data-position="bottom"></a></li> <li><a target="_blank" href="https://twitter.com/abakus_yazilim" class="fa-brands fa-x-twitter" data-tooltip="true" data-title="twitter" data-position="bottom"></a></li> <li><a target="_blank" href="https://www.instagram.com/abakusyazilim/" class="fa fa-instagram" data-tooltip="true" data-title="instagram" data-position="bottom"></a></li> </div> </ul> </div> </div> <div class="bottom-md-footer paylas2" align="center"> <div class="col-md-12" align="center"> <label>Bizi Takip Edin</label> <ul class="social-list" style="margin-left: 22%;"> <div align="center"> <li><a target="_blank" href="https://www.facebook.com/" class="fa fa-facebook" data-tooltip="true" data-title="facebook" data-position="bottom"></a></li> <li><a target="_blank" href="https://twitter.com/abakus_yazilim" class="fa-brands fa-x-twitter" data-tooltip="true" data-title="twitter" data-position="bottom"></a></li> <li><a target="_blank" href="https://www.instagram.com/abakusyazilim/" class="fa fa-instagram" data-tooltip="true" data-title="instagram" data-position="bottom"></a></li> </div> </ul> </div> </div> </div> </div>  <div class="footer-bottom"> <div class="container"> <div class="row">  <div class="copyrights col-md-5 first">Abaküs Yazılım Hizmetleri | Tüm Hakları Saklıdır</div>  <div class="col-md-7 last"> <ul class="footer-menu f-right"> <li><a href="/kosullar.html">Kullanım Koşulları</a></li> <li><a href="/bayilikkosullari.html">Bayilik Koşulları</a></li> <li><a href="/kvkk-metni.html">KVKK Metni</a></li> <li><a href="/gizlilik.html">Gizlilik Güvenlik İlkeleri</a></li> <li><a href="/servis-sartlari.html">Servis Şartları</a></li> </ul> </div>  </div> </div> </div>  </footer>  </div> </div>  <a id="to-top"><span class="fa fa-chevron-up shape main-bg"></span></a>  <script type="text/javascript" src="temalar/abakus/assets/js/assets.min.js"></script>  <script type="text/javascript" src="temalar/abakus/assets/js/script.js"></script>  <div style="position:fixed;right:0px;top:90px;z-index:10000;"><a target="_blank" href="/teklifiste.html"><img src="teklifiste.png" width="40" height="218" alt="Abaküs Yazılım"></a></div> <div style="position:fixed;right:0px;bottom:1px;z-index:10000;"><img src="/SSLkoru.png" width="100" height="100" alt="Abaküs Yazılım"></div> <script data-host="https://www.webanaliz.net/public" data-dnt="false" src="https://www.webanaliz.net/public/js/script.js" id="ZwSg9rf6GA" async defer></script> <script>(function(d,t,u,s,e){e=d.getElementsByTagName(t)[0];s=d.createElement(t);s.src=u;s.async=1;e.parentNode.insertBefore(s,e);})(document,'script','//www.abakusyazilim.com.tr/destek/php/app.php?widget-init.js');</script> <div style="position:fixed;right:0px;top:320px;z-index:10000;"> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.appbox.abakus"><img src="/abakusyazilim-googleplay.png" width="40" height="218"></a> </div> </body> </html> </body> </html>