Forum Doku Wiki Blog

Forumsarchiv 2007, Juni
Blöcke in Labels

archivierte Beiträge lesen

  1. (HTML/XHTML) Blöcke in Labels von Kuno, 11. 06. 2007, 23:24

Blöcke in Labels

Der folgende Beitrag wurde am 11. 06. 2007, 23:24 Uhr von Kuno veröffentlicht.

Funktionieren eigentlich auch solche konstelationen:

<label for="test"><div style="display:block">...</div></label>

Blöcke in Labels

Der folgende Beitrag wurde am 11. 06. 2007, 23:32 Uhr von wahsaga veröffentlicht.

hi,

> Funktionieren eigentlich auch solche konstelationen:
>
> <label for="test"><div style="display:block">...</div></label>

Nein, label darf nur #PCDATA und Inline Elemente (ausser Label) enthalten.

Aber du kannst natürlich inline-Elemente darin per CSS als Block darstellen lassen.
Nur ob das sinnvoll ist, ist eine andere Frage.
Label soll einen kurzen, erklärenden, idR. klickbaren Text zum jeweiligen Formularfeld enthalten. Um dem Formular selbst Struktur zu geben - klingt so, als ob du das vorhättest - ist es eigentlich nicht gedacht.

gruß,
wahsaga


--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 14:00 Uhr von kuno veröffentlicht.

Das tolle bei diesen Labels ist ja, dass durch klicken des label-textes das <input> markiert wird bzw der Cursor dort hinspringt.

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 14:03 Uhr von wahsaga veröffentlicht.

hi,

> Das tolle bei diesen Labels ist ja, dass durch klicken des label-textes das <input> markiert wird bzw der Cursor dort hinspringt.

Gut erkannt.

Und der Zusammenhang zu deiner Frage ist welcher?

gruß,
wahsaga


--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 20:07 Uhr von Kuno veröffentlicht.

Sagte ich doch bereits:

Beispiel:
Ich möchte, dass ein <input> auch nach einem Klick auf benachbarte Text oder Bildbausteine aktiviert wird die Blöcke sind.
Aber ich seh schon, hier sind eher Grafiker unterwegs.

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 20:18 Uhr von Der Martin veröffentlicht.

Hallo,

> Sagte ich doch bereits:
> Beispiel:
> Ich möchte, dass ein <input> auch nach einem Klick auf benachbarte Text oder Bildbausteine aktiviert wird die Blöcke sind.

ja, du wiederholst dich. Aber das erklärt immer noch nicht, warum du ein div-Element in ein Label stopfen willst und so invaliden Code produzierst, der _vielleicht_ von dem einen oder anderen Browser so interpretiert wird, wie du das möchtest.
Eine Lösung hat wahsaga dir doch auch schon angeboten.

> Aber ich seh schon, hier sind eher Grafiker unterwegs.

Wenige. Die meisten hier sind eher Techniker.
Ich wüsste auch nicht, was deine Problematik mit "Grafiker" zu tun hat.

So long,
 Martin

--
Ist die Katze gesund,
freut sich der Hund.

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 21:22 Uhr von Willi veröffentlicht.

Hallo,

> Ich möchte, dass ein <input> auch nach einem Klick auf benachbarte Text oder Bildbausteine aktiviert wird die Blöcke sind.
Statte die Blöcke mit einem onclick-Event-Handler aus. Erstelle dann entweder eine Funktion, oder baue die Javascript-Methode direkt in den Eventhandler ein.
Getestetes Beispiel:

  <script type="text/javascript">
   function makeFocus(element){ document.getElementById(element).focus() }
  </script>
  <form>
   <input id="input1">
  </form>
  <div onclick="makeFocus('input1')">[...]</div>

> Aber ich seh schon, hier sind eher Grafiker unterwegs.
Hä? Voher willst du das schließen?
Grüße,
Willi
--
ie:{ fl:| br:> va:) ls:< fo:| rl:( n4:( ss:| de:> js:| ch:? sh:( mo:} zu:}

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 21:31 Uhr von wahsaga veröffentlicht.

hi,

> Statte die Blöcke mit einem onclick-Event-Handler aus.

Wozu - um die Nutzbarkeit des Formulars für Nutzer ohne Javascript bewusst, aber ohne jede Not unkomfortabler zu machen?
Unsinnig.
Labels sind das Mittel der Wahl.

gruß,
wahsaga


--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 21:37 Uhr von Willi veröffentlicht.

Hallo,

> > Statte die Blöcke mit einem onclick-Event-Handler aus.
>
> Wozu - um die Nutzbarkeit des Formulars für Nutzer ohne Javascript bewusst, aber ohne jede Not unkomfortabler zu machen?
> Unsinnig.
> Labels sind das Mittel der Wahl.
Natürlich, das sehe ich auch so - weniger (JS) ist mehr.
Aber: Da es in seinem Fall ohne Javascript keine Lösung gibt (außer eine, die dann aber nicht validiert...), finde ich es durchaus nicht schlimm, Usern mit eingeschaltetem JS diese Lösung zu präsentieren. Das schließt ja nicht die Möglichkeit aus, zusätzlich noch ein Label anzufertigen.

Grüße,
Willi
--
ie:{ fl:| br:> va:) ls:< fo:| rl:( n4:( ss:| de:> js:| ch:? sh:( mo:} zu:}

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 21:48 Uhr von Der Martin veröffentlicht.

Hallo Willi,

> Natürlich, das sehe ich auch so - weniger (JS) ist mehr.

da stimme ich grundsätzlich zu.

> Aber: Da es in seinem Fall ohne Javascript keine Lösung gibt (außer eine, die dann aber nicht validiert...), ...

Was ist gegen die bereits vorgeschlagene valide CSS-Lösung einzuwenden?

Ciao,
 Martin

--
Das einzige Problem beim Nichtstun: Man weiß nie, wann man damit fertig ist.

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 21:58 Uhr von Willi veröffentlicht.

Hallo,

> > Aber: Da es in seinem Fall ohne Javascript keine Lösung gibt (außer eine, die dann aber nicht validiert...), ...
>
> Was ist gegen die bereits vorgeschlagene valide CSS-Lösung einzuwenden?
Mhm... mist^^ hatte das falsch gelesen^^ Ich dachte, das Label sollte ein Blockelement enthalten, dass mittels CSS in ein inline-Element umgewandelt wird, damit das validiert (<--- ziemlich sinnfrei, stimmt^^)

Na gut, dann gibt es zwar eine validierende Lösung, aber strenggenommen ist sie semantisch nicht korrekt...

Grüße,
Willi
--
ie:{ fl:| br:> va:) ls:< fo:| rl:( n4:( ss:| de:> js:| ch:? sh:( mo:} zu:}

Blöcke in Labels

Der folgende Beitrag wurde am 12. 06. 2007, 21:12 Uhr von Willi veröffentlicht.

Hallo,

> Label soll einen kurzen, erklärenden, idR. klickbaren Text zum jeweiligen Formularfeld enthalten. Um dem Formular selbst Struktur zu geben - klingt so, als ob du das vorhättest - ist es eigentlich nicht gedacht.
Nur der Interesse halber: Ich handle es zurzeit so, dass ich die <input> und <select>s in den Label hineinbaue, also z.B. so:
<label for="name">Vorname: <input type="text" name="name" id="name" /></label>
Was haltet ihr davon? Ist das vom W3C auch so "erlaubt"?

(Hintergrund: Damit kann ich einfach alle <label>-Tags per CSS in Blockelemente umwandeln, wenn ich ein untereinanderhängendes Formular haben möchte (was in der Regel der Fall ist). Ansonsten müssen die Labels und die Input-Tags zu Blöcken gemacht werden, und dann wieder mit Ausnahmen, falls ein Textfeld mal inline sein soll etc...)

Grüße,
Willi
--
ie:{ fl:| br:> va:) ls:< fo:| rl:( n4:( ss:| de:> js:| ch:? sh:( mo:} zu:}

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4