Szövegmezők

A szövegbeviteli mezők három típusa létezik: egysoros szövegbeviteli mezők, jelszóbeviteli mezők és többsoros szövegmezők, amelyeket szöveges területeknek hívnak. Az egysoros szövegmezőket a , jelszómezők - a . A hagyományos HTML-ben mindkét formai elem ugyanazokat a tulajdonságokat támogatja az alábbiak szerint:

name = "egyedi alfanumerikus mezőnév"
id = "egyedi alfanumerikus mezőnév"
maxlength = "a beírandó karakterek maximális száma"
size = "a látható beviteli terület szélessége a karakterekben"
value = "a mező alapértelmezett értéke" />

Táblázat. A "szöveg" és "jelszó" típusú bemeneti elemek további tulajdonságai és módszerei

A maximálisan betölthető karakterek száma

Boolean érték, amely jelzi a felhasználó képességét a mező tartalmának módosítására

Kiválaszthatja a mező tartalmát, például amikor kicseréli vagy átmásolja a vágólapra

Az alábbi példa bemutatja a szövegmezők használatát, valamint azok tulajdonságait és módszereit, beleértve az olvasási és beállítási értékeket is.

A "szöveg" típusú bemeneti elemek közelében leírók , többsoros szövegbeviteli mezők létrehozása. Alapszintű szintaxis <textarea> a következő:</p> <p><textarea <br>name = "mezőnév" <br>id = "mezőnév" <br>sorok = "sorok száma" <br>cols = "oszlopok száma"<br>A mező alapértelmezett szövege<br>

Őszintén szólva, ez az elem nem elem . de a megfelelő HTMLTextAreaElement objektum rendelkezik a "szöveg" típusú bemeneti elemek tulajdonságaival és módszereivel, valamint a táblázatban szereplő további tulajdonságokkal. Azonban ez az objektum nem rendelkezik a maxLength tulajdonsággal.

Táblázat. A HTMLTextAreaElement objektum egyedi tulajdonságai

A beviteli terület szélessége karakterekben

A beviteli terület magassága karakterekkel

/>

/>

/>

A leíró egyik fontos jellemzője hogy nem nyújt egyszerű módot arra, hogy a mezőbe beírható maximális mennyiséget állítsa be. A főbb eseményeket támogató böngészők és különösen a gomb megnyomásakor a mezőben a bemenet mennyiségét a következők szerint korlátozhatja:</p> <p>Ez a szkript nem fog működni sok régebbi böngészőben, mert nem támogatja az onkeypress események kezelését. Ebben az esetben korlátozza a mező végtelen hosszúságát azáltal, hogy ellenőrzi az érték tulajdonság értékének hosszát a mező tartalma (vagy az űrlapkérelem benyújtásakor) módosításakor, majd csökkenti a hosszt egy meghatározott számú karakterre. A következő példa egy lehetséges megközelítést szemléltet a probléma megoldására:</p> <h4>Kapcsolódó cikkek</h4> <ul> <li> <p><a href="/szakerto-194/szamltott-mezok-modszeres-utasltasok-es-feladatok.html">Számított mezők - módszeres utasítások és feladatok</a></p> </li> <li> <p><a href="/szakerto-194/mezo-tulajdonsagai.html">Mező tulajdonságai</a></p> </li> <li> <p><a href="/szakerto-194/tovabbi-mezok-letrehozasa-wordpress-ban-egy.html">További mezők létrehozása wordpress-ban, egy webhely az Ön vállalkozásához</a></p> </li> </ul> </div> <div class="extra"> <div class="info"><a href="/szakerto-194/fogaszat-triovital-dental-belgorod-53-velemeny-6.html">előző</a> ◈ <a href="/szakerto-194/az-uazot-el-kell-tavolltani-a-termelesbol-gazklub.html">a következő</a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <h4>Hasznos cikkek</h4> <p> <li><a href="/szakerto-198/sonya-shatalova-vendeg-a-jovobol-erdekes-lazarev.html">Sonya shatalova vendég a jövőből, érdekes, lazarev sergei nikolaevich</a></li> <li><a href="/szakerto-181/az-en-utazasom-gruziaba.html">Az én utazásom Grúziába</a></li> <li><a href="/articles/tears-ez.html">Tears - ez</a></li> <li><a href="/szakerto-172/a-kulturalis-targy-amit-a-meghatarozasa-olyan.html">A kulturális tárgy, amit a meghatározása olyan kulturális műalkotás</a></li> <li><a href="/szakerto-204/gape-fordltas-kiejtes-transzkripcio-hasznalati.html">Gape fordítás, kiejtés, transzkripció, használati példák</a></li> <li><a href="/szakerto-142/history-levetkozik-szena-petersburg-teruleten.html">History levetkőzik széna Petersburg területén</a></li> <li><a href="/szakerto-167/festek-kabat-szorme-gyarban-kirov-fur.html">Festék kabát, szőrme gyárban - Kirov-fur</a></li> </p> <p>Copyright © 2024</p> </div> <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> </footer></div> </body> </html>