Suchfeld gestalten

[Michi]

Hallo zusammen,

ich bin noch ein ziemlicher Anfänger in Sachen HTML.

Kennt jemand eine Seite, oder Tutorial wo man beschrieben bekommt, wie man Formularfelder optisch außergewöhnlich gestalten kann.

Gesehen hab ich ein Suchfeld z.B. auf dieser Seite: www.lieblingsfrage.de
hier ist das Suchfeld optisch in die Seite integriert.

Ich würde auch gerne etwas in dieser Richtung machen und Formularfelder etwas außergewöhnlich gestalten, nur bräuchte ich da ein bisschen Lesestoff.

Liebe Grüße, Michi

[suit]

Kennt jemand eine Seite, oder Tutorial wo man beschrieben bekommt, wie man Formularfelder optisch außergewöhnlich gestalten kann.

Formularfelder unterscheiden sich nicht[1] von anderen HTML-Elementen

Gesehen hab ich ein Suchfeld z.B. auf dieser Seite: www.lieblingsfrage.de
hier ist das Suchfeld optisch in die Seite integriert.

Das ist eigentlich nichts wirklich besonders ;)

Ich würde auch gerne etwas in dieser Richtung machen und Formularfelder etwas außergewöhnlich gestalten, nur bräuchte ich da ein bisschen Lesestoff.

http://de.selfhtml.org/css/@title=CSS dürfte dein Einstiegspunkt sein.

[1] theoretisch, praktisch gibts Betriebssystemabhängige "Eigenheiten" die in diesem Fall aber nicht relevant sind - z.B. bei Dateiauswahlfeldern usw.

[Michi]

http://de.selfhtml.org/css/@title=CSS dürfte dein Einstiegspunkt sein.

Ok danke, gibt es aber vielleicht eine Seite, wo man einige "Arten" von Formulargestaltungen (das Wort wird es wohl nicht geben ;) ) sehen kann?

[suit]

http://de.selfhtml.org/css/@title=CSS dürfte dein Einstiegspunkt sein.

Ok danke, gibt es aber vielleicht eine Seite, wo man einige "Arten" von Formulargestaltungen (das Wort wird es wohl nicht geben ;) ) sehen kann?

Suchmaschine meiner Wahl, "css forms": erster Treffer.

[Michi]

http://de.selfhtml.org/css/@title=CSS dürfte dein Einstiegspunkt sein.

Ok danke, gibt es aber vielleicht eine Seite, wo man einige "Arten" von Formulargestaltungen (das Wort wird es wohl nicht geben ;) ) sehen kann?

Suchmaschine meiner Wahl, "css forms": erster Treffer.

Danke!

[Marc]

Hallo Marc,

Suchmaschine meiner Wahl, "css forms": erster Treffer.

Danke!

Mal abgesehen von dem verständlichen Wuinsch eine Seite "chic" zu machen (ist eh immer Geschmackssache) kann es durchaus sinnvoll sein, alle Formular-Elemente einschließlich Text-Eingabe-Feldern und Buttons so zu lassen, wie es der Nutzer von seinem Betriebssystem gewöhnt ist. so stellst Du sicher, dass die vertrauten Bedienelemente auf Anhieb gefunden und intuitiv bedient werden.

Ich habe schon Formulare gesehen, bei denen selbst ich mit meiner jahrzehntelangen Weberfahrung nur durch ausprobieren (anklicken) oder einen Blick in den Quellcode festgestellt habe, dass die Seite eine Eingabemöglichkeit bereitstellt... - mit anderen Worten: vergiss nicht die Besucher deiner Website!

Viele Grüße,
Marc.

[Gunnar Bittersmann]

@@Michi:

nuqneH

[…] wie man Formularfelder optisch außergewöhnlich gestalten kann.
Gesehen hab ich ein Suchfeld z.B. auf dieser Seite: www.lieblingsfrage.de

Verweise einbinden

hier ist das Suchfeld optisch in die Seite integriert.

Und passt nicht zu den Eingebefeldern fürs Login.

Wahrhaft dilettantisch ist, dass dort "suchen" drinsteht und die Beschriftung beim Fokussieren des Eingebefeldes nicht weggeht.

Nicht nachmachen!

Qapla'

[Malcolm Beck´s]

hi,

Gesehen hab ich ein Suchfeld z.B. auf dieser Seite: www.lieblingsfrage.de

Bei klick auf hatte ich eigentlich Musik erwartet.
Warum nutzt du an der stelle nicht die passendere Lupe, die Links vom Formular sitzt und keine Funktionalität mit sich bringt?

mfg

[Malcolm Beck´s]

hi,

Sorry, ich dachte, dass es deine Seite ist.

mfg