Introduceți focalizarea în html

Ce este focusul de intrare?

În HTML, există o serie de elemente pe care utilizatorul poate interacționa cu extensiv. Aceasta, de regulă, cauzează efecte secundare. De exemplu, dând clic pe un hyperlink se va descărca o altă pagină în browser și selectarea câmpului deschide o listă derulantă.

Această interacțiune este posibilă prin mișcarea focalizării de intrare. Utilizatorul trebuie să activeze în mod explicit elementul pentru o muncă ulterioară. Pentru a începe să tastați, selectați câmpul de formular dorit cu ajutorul mouse-ului.

Focalizarea de intrare poate fi setată pe următoarele elemente: . .

. . . După cum puteți vedea, în principal formează câmpuri care le aparțin. Focalizarea setată pe element poate fi determinată vizual. În mod implicit, browserele o încadrează cu o margine gri din toate părțile.</p> <p>HTML vă permite să setați focalizarea în mai multe moduri:</p> <h2>Miscarea de focalizare secventiala</h2><p>Atributul tabindex vă permite să alocați secvența focalizării intrării atunci când butonul Tab este apăsat pentru a seta elementele de mai sus. În mod normal, aceasta merge în ordinea locației în marcajul HTML.</p> <p>Tabindex trebuie să conțină o valoare numerică care să reprezinte numărul secvenței. Dacă este setat la 0. atunci elementul va primi focalizarea de intrare în ultimul loc. Câmpuri care au aceleași valori ale atributului tabindex. prelucrate în funcție de ordinea locației în marcajul HTML.</p> <p>Puteți specifica un element specific care necesită focalizare imediat după încărcarea paginii. Acest lucru se realizează prin adăugarea atributului de autofocalizare. Acesta poate fi folosit numai pentru câmpurile de formular. Hyperlink-urile vor fi ignorate.</p> <p><div style="text-align:center;"><img src="https://images-on-off.com/images/179/fokusvvodavhtml-4d7dfeed.jpg" title="Introduceți focalizarea în html (focalizare html pe câmp)" alt="Introduceți focalizarea în html" /></div><br> Figura 1. Afișarea câmpurilor cu autofocus</p> <h2>Specificarea tastelor rapide</h2> <p>Cheile rapide sunt aproape niciodată folosite. Mulți utilizatori nici măcar nu sunt conștienți de existența lor. Cu toate acestea, HTML vă permite să setați focalizarea de intrare atunci când apăsați o comandă rapidă de la tastatură. Acest lucru este posibil cu adăugarea atributului accesskey. Valoarea sa trebuie să fie o literă sau un număr specific.</p> <p>Traducerea focalizării la element va fi declanșată atunci când se apasă comanda rapidă de la tastatură. În majoritatea browserelor, această combinație este definită ca Alt + value_keys. dar Firefox complică sarcina. În acesta este necesar să tastați Shift + Alt + value_keys.</p> <p>Distribuie în rețelele sociale:</p> <h4>Articole similare</h4> <ul> <li> <p><a href="/utilizator-179/taste-rapide-pentru-limbile-de-intrare-si-layout.html">Taste rapide pentru limbile de intrare și layout-urile tastaturii în Windows 8</a></p> </li> <li> <p><a href="/utilizator-179/validarea-site-ului-sau-corectarea-html-ului.html">Validarea site-ului sau corectarea html-ului</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/utilizator-179/apoi-potrivit-lui-astrid-lindgren-ii-placea-sa.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-179/forex-din-propria-practica-invatam-sa-simtim-piata.html">Pagina următoare</a></p> </div> </article> </div> </div> </div> </div><footer class="akatita-footer clearfix"> <div class="akatita-content-layout layout-item-0"> <div class="akatita-content-layout-row"> <div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p> <br> <ul> <li><a href="/utilizator-191/ce-este-un-vals.html">Ce este un vals?</a></li> <li><a href="/utilizator-116/cum-de-a-desena-un-raspuns-la-incendiu-aici.html">Cum de a desena un răspuns la incendiu aici</a></li> <li><a href="/utilizator-215/care-este-unicitatea-twitter-ului.html">Care este unicitatea twitter-ului</a></li> <li><a href="/utilizator-134/sarcomul-ganglionilor-limfatici.html">Sarcomul ganglionilor limfatici</a></li> <li><a href="/utilizator-194/cardura-instructiuni-de-utilizare-recenzii.html">Cardura - instrucțiuni de utilizare, recenzii, indicații și contraindicații</a></li> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">locație</p> <br> <ul> <li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li> <li><a href="/adresa.html">Adresa</a></li> </ul> <ol> <li><a href="/sitemap/sitemap193.html">sitemap</a></li> <li><a href="/sitemap/sitemap279.html">sitemap</a></li> <li><a href="/sitemap/sitemap682.html">sitemap</a></li> <li><a href="/sitemap/sitemap929.html">sitemap</a></li> <li><a href="/sitemap/sitemap1073.html">sitemap</a></li> </ol> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p> <br> <ul> <li><a href="/contactati-ne.html">Contactați-ne</a></li> <li><a href="/despre-site.html">Despre site</a></li></ul> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 40%"> <p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br> <p style="text-align: right;"> <script> new Image().src = "https://counter.yadro.ru/hit;adolfru?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </p> </div> </div> </div> </footer> </div> </div></body> </html>