- iPhone topik
- Apple iPhone 17 - alap
- Google Pixel 10 és 10 Pro összehasonlító gyorsteszt
- Apple AirPods Pro (2. generáció) - csiszolt almaságok
- Kedvcsináló videó is jött a Vivo X300 szériához
- Milyen okostelefont vegyek?
- One mobilszolgáltatások
- Apple iPhone Air - almacsutka
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Huawei Watch GT 6 és GT 6 Pro duplateszt
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
A label tag használatára három jobb módszer kínálkozik hozzá kapcsolódó űrlapelemnél (amit tulajdonképpen leír a label, aminek a címkéje/felirata):
1. a label tag tartalmazza magát az elemet, amit leír:
<label>My label <input type="text" ... /></label>
vagy/és
2. a label tag tartalmazza egy for-attribútum értékében az általa leírt elem id-ját:
<label for="mytextfield">My label</label>
<input type="text" id="mytextfield" ... />
3. a kettő kombinációja:
<label for="mytextfield">My label <input type="text" id="mytextfield" ... /></label>Tehát ha már külön van választva a két elem, ahogy a példádban látszik, akkor érdemes id-val jelölni, hogy minek is a címkéje.
A felsorolt módszerek erősen javítják a felhasználói élményt, hiszen a fókusz így a labelre rákattintva is belekerül az általa "vezérelt" űrlapmezőbe.A példádat javítva id-kkel (ja, mondjuk mivel ez a 785-ös edit lett, valszeg nem a Te példád, hanem vetted valami Stack Overflow-s válaszból, ami ilyen szempontból "rossz" volt
):
http://jsfiddle.net/WX58z/785/Habár ez nem kötelező, rontja a felhasználói élményt, ha a labelre kattintva nem ugrik a fókusz a mezőre.
-
adam_
senior tag
Köszi, én sem értem már, hogy így hirtelen miért táblázatos rendezést alkalmaztam a form-ra, pedig már itt is, és máshol is sokszor láttam, mondták, hogy "szentségtörés" ez a módszer, és eléggé elavult.
Az őszintét megvallva, gyorsan össze kellett dobnom a form fület, ezért netről vettem az alapjait, valószínű egy jóval régebbi oldalt dobhatott ki arra a google, hogy "kontakt form", ahol és amikor még ez a módszer volt a best practice..
PumpkinSeed: Bootstrapet, vagy media queryket alkalmazva csináltad a responzív design-t?
Új hozzászólás Aktív témák
- iPhone topik
- Robotporszívók
- HiFi műszaki szemmel - sztereó hangrendszerek
- AMD Navi Radeon™ RX 9xxx sorozat
- Gyúrósok ide!
- exHWSW - Értünk mindenhez IS
- Effektíve TKL méretűek a Corsair legújabb, numerikus paddal ellátott klaviatúrái
- NVIDIA GeForce RTX 5080 / 5090 (GB203 / 202)
- Mégis marad a Windows 10 ingyenes frissítése
- Apple iPhone 17 - alap
- További aktív témák...
- HP,15.6",250 G6,8.gen.core i5 (8X4,0Ghz)8-32GB RAM,256GB-1TB SSD,nagyon jó akku,Win.11,szép
- Dell,14"FullHd IPS,core i5 6440H(fiz.4MAG!),8-16GB DDR4 RAM,Vil.bill,256-512GB SSD,Jó akku,Win.11
- DELL Optiplex Micro 7010 - i5 13500T - 16GB DDR4 - 512GB SSD
- Fujitsu ,15,6",8.gen.i5,világító.bill, 4G LTE,8-32GB/256-512,jó akku,Win.11,szép
- HP 15.6 ",AMD A10,jó állapotú,magyar billentyűzet,Win.11 is megy!!
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest