[Nakamura]

Hallo,
ich habe eine Frage zu HTML.

Ich bin derzeit an einem Formular und habe zwei Eingabefelder (input bzw. textarea), welche jeweils einem Radiobutton zugewiesen sind. Nun möchte ich aber, dass man nur ein Feld verwenden kann, sprich das Feld mit dem aktiven Radiobutton.

Wenn ich Radiobutton A aktiviere, darf Radiobutton B nicht aktiviert sein und das Eingabefeld B soll grau sein.
Wenn ich Radiobutton B aktiviere, darf Radiobutton A nicht aktiviert sein und das Eingabefeld B soll grau sein.

Ich weiß nicht wie fern das möglich ist. Ich verfüge über HTML und CSS Kenntnisse.

Gruß

[Witi]

Die Sache mit den Radiobuttons ist recht simpel, du musst ihnen nur den gleichen Namen geben:

<label for="mann">Mann: </label><input type="radio" id="mann" name="geschlecht" value="mann"/>
<label for="frau">Frau: </label><input type="radio" id="frau" name="geschlecht" value="frau"/>

Jedoch andere Eingabefelder auf Klick auszugrauen, geht nur über JavaScript.

[Nakamura]

Okay, danke schonmal.

Ich hab auf SelfHTML leider nichts über diese Funktion von JavaScript gefunden. Kennst du da eine Seite, auf der das erklärt wird?

[Witi]

Bedenke aber, dass das nur funktioniert, wenn der entsprechende Benutzer auch JavaScript in seinem Browser aktiviert hat.

Hier ein sehr einfaches Beispiel:

<input type="radio" onclick="document.getElementById('textfield').disabled=true"/>
<input id="textfield" value="nix text"/>

[Nakamura]

Kann man irgendwo sehen welcher Browser was, ab welcher Version kann?

[Witi]

Ob JavaScript aktiviert ist, kannst du mit Hilfe des Tags noscript herausfinden. Dieser wird nur dann angezeigt, wenn JS deaktiviert ist.

<noscript>Um diese Seite fehlerfrei benutzen zu können, müssen Sie JavaScript in Ihrem Browser aktiviert haben.</noscript>

[Lofote]

http://www.selfhtml.org/