Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML+CSS] Formularze, Sposób kodowania w HTML formularzy
prond
post
Post #1





Grupa: Zarejestrowani
Postów: 254
Pomógł: 10
Dołączył: 8.11.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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.


--------------------
--------------------------------------------------------------------------------
weblog.axent.pl
--------------------------------------------------------------------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
bigZbig
post
Post #2





Grupa: Zarejestrowani
Postów: 740
Pomógł: 15
Dołączył: 23.08.2004
Skąd: Poznań

Ostrzeżenie: (0%)
-----


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

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


--------------------
bigZbig (Zbigniew Heintze) | blog.heintze.pl
Go to the top of the page
+Quote Post
prond
post
Post #3





Grupa: Zarejestrowani
Postów: 254
Pomógł: 10
Dołączył: 8.11.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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 ?


--------------------
--------------------------------------------------------------------------------
weblog.axent.pl
--------------------------------------------------------------------------------
Go to the top of the page
+Quote Post
pawel_k
post
Post #4





Grupa: Zarejestrowani
Postów: 211
Pomógł: 3
Dołączył: 29.07.2005
Skąd: Szczebrzeszyn

Ostrzeżenie: (0%)
-----


masz nawet w validatorze odpowiedź smile.gif

This message may appear in several cases:
* You tried to include the "<" character in your page: you should escape it as "&lt;"
Go to the top of the page
+Quote Post
siemakuba
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


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?
    1. <br />
    ?
    1. <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>

    vs.
    1. <a class="tooltip-for-input" title="Podany adres email będzie wykorzystywany jako <b>login do systemu</b>">?</a>
    + 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.
Go to the top of the page
+Quote Post
prond
post
Post #6





Grupa: Zarejestrowani
Postów: 254
Pomógł: 10
Dołączył: 8.11.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Cytat
Zamiast robić divitis, możesz kolejne elementy formularza umieszczać jako elementy listy numerowanej.

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

Cytat
Nie wiem, czemu cała zawartość fieldset jest dodatkowo opakowana divem?

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 winksmiley.jpg

Ten post edytował prond 9.06.2007, 15:35:44


--------------------
--------------------------------------------------------------------------------
weblog.axent.pl
--------------------------------------------------------------------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 09:13