Witam,

http://weblog.axent.pl/examples/forms/index.php

chciałbym Wam dać do oceny formularze, zwłaszcza sposób pakowania inputów i labeli:
- czy można wybrać bardziej odpowiednie tagi,
- czy można czytelniej opisać elementy klasami CSS, czy ID
- czy można bardziej elegancko zaimplementować tooltipy

Generalnie chodzi mi o wypracowanie jakiegoś "standardu", którego bym się trzymał przy kolejnych projektach.

http://validator.w3.org/check?verbose=1&am...rms%2Findex.php

Jak widzisz można by tu jeszcze cos poprawic, ale to kwestia wygody.

Błędy związane z dublowaniem się ID są związane z tym, że wstawiłem na raz kilka głównych formularzy.

Chciałbym jednak pozbyć się ostrzeżenia związane z występowaniem znaczków < i > w atrybutach (tak się dzieje dla tooltipów). Czy macie jakieś pomysły ?

masz nawet w validatorze odpowiedź

This message may appear in several cases:
* You tried to include the "<" character in your page: you should escape it as "&lt;"

Hm, całkiem całkiem ;)
Małe uwagi:

• Zamiast robić divitis, możesz kolejne elementy formularza umieszczać jako elementy listy numerowanej.
• Nie wiem, czemu cała zawartość fieldset jest dodatkowo opakowana divem?

• [HTML] pobierz, plaintext 
  <br />
  [HTML] pobierz, plaintext 

  ?

• [HTML] pobierz, plaintext 
  <a class="tooltip-for-input" onmouseout="hideTooltip()" onmouseover="showTooltip(event,'Podany adres email będzie wykorzystywany jako <b>login do systemu</b>');return false">?</a>
  [HTML] pobierz, plaintext 

  
  vs.
  

  [HTML] pobierz, plaintext 
  <a class="tooltip-for-input" title="Podany adres email będzie wykorzystywany jako <b>login do systemu</b>">?</a>
  [HTML] pobierz, plaintext 

  + chwytanie zdarzenia w zewnętrznym kodzie JS. JS powinien być nieinwazyjny!
• Cytat
  Wyrażam zgodę na przetwarzanie udostępnionego adresu poczty elektronicznej, w zakresie:
  i pod spodem lista. Która nie jest listą... dlaczego? ;)

pozdr.

Dzięki, spróbuje. Po ugrade'owaniu dam znać.


To jest potrzebne do efektu, który jest np. w formularzach Drupal'a - zwijanie, rozwijanie sekcji formularza.

br'ki
Rzeczywiście są zbędne.

Tekst w title + JS + &lt; &gt;
Spróbuje.

Lista checkboxów - w większości przypadków tego nie będzie, ale skoro będę próbował całość robić na liście, to tutaj też to zrobię.

Dodano

Wdrożyłem proponowane przez Was poprawki, a dodatkowo:
- zrobiłem zwijanie / rozwijanie fieldset'ów
- wszystkie eventy rejestrowane są w JS (nie ma onlick="costam")

Dodano

Mam jeszcze problem z ukrywaniem tytułu linków.
Macie jakieś pomysły ?

Dodano
- rozwiązałem problem z tytułami linków
- dodałem jeszcze jeden styl
- dodałem przełączanie między stylami
- całość waliduje się w strict mode

Proszę o oceny