[HTML] Tabela w formularzu Opcje

[patpop]

Witam.

Mam taki oto formularz:

[HTML] pobierz, plaintext 
<form action = "abc.html" method = "post" name = "form1">
</br></br>
<p><b>Tytuł</b></br>
<input type = "text" name = "tytul" />
</p>
 
 
<p><select name = "gdzie"></p>
<option> A </option>
<option> B </option>
<option> C </option>
<option> D </option>
<option> E </option>
<option> F </option>
</select>
<br/><br/><br/>
 
<table>
</table>
<tr><td><input type="radio" name="nazwa" value="wartość" /></td><td><input type="radio" name="nazwa2" value="wartość" /></td></tr>
</br>
<p><input type = "submit" value = "Dodaj!"/></p>
 
 
</form>
[HTML] pobierz, plaintext 

W każde komórce tabeli umieściłem pole opcji. Pytanie jest następujący. Czy jest możliwe zrobienie tak aby po kliknięciu w obszar komórki, w której znajduję się pole opcji zostało ono zaznaczone?

Pozdrawiam (IMG:style_emoticons/default/smile.gif)

[bostaf]

Ale młyn w tym HTMLu (IMG:style_emoticons/default/smile.gif) No ale nic to, nauczysz się (IMG:style_emoticons/default/wink.gif) Na początek posprawdzaj jak niepoprawnie pozamykałeś tagi i wywal <br>. Wyglądu nie ustawia się BRami tylko CSSem.
Odnośnie pytania:
Jest taki tag, który nazywa się label. Służy prawie dokładnie do tego, o co pytasz. Dla przykładu, taki HTML:

[HTML] pobierz, plaintext 
<label for="identyfikator_tagu"><input type="radio" name="nazwa" id="identyfikator_tagu">Jakaś opcja</label>
[HTML] pobierz, plaintext 

spowoduje, że kliknięcie napisu "Jakaś opcja" zaznaczy guzik opcji. Istotne jest tu aby atrybut id w tagu input był równy atrybutowi for w tagu label.
Żeby label "rozlał się" po całej komórce tabeli, trzeba wykorzystać CSS. W tym przykładzie, który podał kamil4u jest to elegancko zrobione:

[HTML] pobierz, plaintext 
style="display:block;width:100%;"
[HTML] pobierz, plaintext 

A, i jeszcze jedno. Żeby przyciski opcji działały tak jak powinny, czyli żeby możliwe było wybranie tylko jednej opcji, oba inputy muszą mieć taki sam name. Ty masz name="nazwa" i w drugim name="nazwa2". Dlatego możliwe jest wybranie obu opcji jednocześnie. Zmień tak, żeby oba inputy miały taką sama nazwę.