Lehetőségek html utalások hozzáadásához a beviteli mezőhöz
Bármelyik szövegmezőbe beírhat valamit, hagyhatja a szöveges utasításokat. Ebben a rövid megjegyzésben megmutatom a bemeneti tippek html-ként való hozzáadásának lehetőségeit.
Általánosságban, a legtöbb esetben a kitöltés mezőjének jobb vagy bal oldalán lévő űrlap kitöltésekor egy magyarázó szöveg jelenik meg, amely megmutatja, hogy mit kell megadni. De egyes esetekben a célzást be kell ágyazni a mezőbe. Például a keresési mezőben vagy más esetekben.
Az első lehetőség az érték
Tegyük fel, hogy egyszerű szövegbevitellel rendelkezünk, és meg kell mondanunk a felhasználónak, hogy be kell írnia a kedvenc számát (csak egy ilyen feltételes helyzethez jöttem). Ezt az érték attribútummal lehet elvégezni. azaz a mező azonnal kap egy bizonyos értéket:
Látjuk, hogy megjelenik a tipp, nem is értem teljesen, de könnyen kijavítható. A mező szélességét növelheti css-en keresztül, akkor az attribútummérettel megadhatja, hogy hány karaktert kell beillesztenie, és benne kell lennie benne.
Az ilyen ösztönző szöveg mínusz az, hogy amikor fókuszt kapsz, és akkor is, amikor megpróbálsz beírni a szöveget, nem törli magát. A személynek saját maga kell törölnie magát, és csak utána elindíthatja a kívánt érték bevitelét. Elfogadom, ez nem minden kényelmes.
A második lehetőség a helyőrző tulajdonság
De ez az attribútum az html5 formanyomtatványokkal való együttműködés egyik újítása.
Amint láthatja, a kérő szöveg ugyanaz, csak a másik attribútuma. Mi változik? Először is, a szöveg színe szürkés, vagyis maga a böngésző azt sugallja, hogy a szöveg valószínűleg törlődik a bemenet elején. Pontosan ez megtörténik - amint elkezd gépelni valamit, a cél eltűnik. Érdekes, hogy amikor a Google Chrome és más böngészők középpontjában fókuszál, a szöveg nem törlődik, csak a bevitel indítása után.
Az Internet Explorerben minden más módon működik, és a szöveg törlésre kerül, ha a fókuszmezőt megkapta.
Melyik választási lehetőség?
Napjainkban, teljesen optimális, látom a helyőrző attribútum kiválasztását. mivel ez sokkal kényelmesebb az emberek számára. Az egyetlen probléma az, hogy a régebbi böngészők nem támogatják azt. De a régiek, például az IE 8-9. De itt nem látok semmilyen akadályt annak érdekében, hogy ne használjam az attribútumot.