Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml]Inputy i labele, co i jak?
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
bim2
No i wczoraj zaczołem zabawę z div (przyznam szczerze że nie wierze w to, bo 2 dni temu zazdrościłem kumplo wi że umie a ja nie). I natknołem sie na problem jak dawać <input tongue.gif Można dawac <p> Nick: <input...</p> i poznije form p { } ale podobno mają być jakieś labele? Może ktoś mi wytłumaczyć co i jak

PS. Czy tytuł jest dobry, bo ja juz nie wiem winksmiley.jpg
revyag
Label jest etykietą dla danego pola formularza. Stosowanie tego jest wskazane ponieważ formularz jest wtedy bardziej user friendly. Jak klikniesz na etykietę element formularza na który ona wskazuję będzie aktywny.
  1. <label for="tytul">Tytuł</label><input type="text" id="tytul" name="tytul" />
bim2
Dobra fajnie, a jak mozna zrobic aby np wyzszy wyzszy input bylo na rowni z tym nizszym? Jak w tabelce?
mike
Label znaczy etykieta.

Po prostu label jest etykieta dla jakiegoś pola input.

Przeglądarki wykorzystują ją nie tylko do wizualnego opisu kontrolki w formularzu ale też do czytania zawartości dla osób niewidomych lub niedowidzących.
Kliknięcie ne etykietę wywołuje także focus() dla opisywanego elementu.

Przykład:
  1. <label for="nazwisko">Nazwisko </label>
  2. <input id="nazwisko" type="text" />
bim2
Dzieks, nie kapowałem bo dawałem name zamiast id biggrin.gif I teraz jak zrobić to aby było na równi 2 inputy?
mike
Cytat(bim2 @ 7.08.2006, 11:42 ) *
(...) I teraz jak zrobić to aby było na równi 2 inputy?

  1. <style type="text/css">
  2. fieldset {
  3. width: 300px;
  4. }
  5.  
  6. label {
  7. float: left;
  8. }
  9.  
  10. input {
  11. float: right;
  12. }
  13.  
  14. fieldset br {
  15. clear: both;
  16. }
  17.  
  18.  
  19. <label for="imie">Imie: </label><input id="imie" type="text" />
  20. <br />
  21. <label for="nazwisko">Nazwisko: </label><input id="nazwisko" type="text" />
  22. <br />
  23. <label for="cos">Coś: </label><input id="cos" type="text" />
  24. <br />
  25. </form>


Lepiej jak w tabelkach a kodu o pięć ton mniej biggrin.gif
bim2
Dzięki dałme width: 100%; IO jest przewyśmienicie.
Lepiej w div'ach popieram. W tabelkach mialem 70kb a w div mam 25kb haha.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.