Formulare: Checkbox in Form von Text

[Gunnar Bittersmann]

@@stefft:

nuqneH

ist es möglich, ein Formular zu erstellen, in welchem der Ausfüller Wörter markieren kann, so dass diese ausgewählten Wörter dann z. B. fett geschrieben dargestellt werden?

Ja.

Markup:

<form action="">  
  <ul>  
    <li><input type="checkbox" id="dick" value="dick"/><label for="dick">dick</label></li>  
    <li><input type="checkbox" id="duenn" value="duenn"/><label for="duenn">dünn</label></li>  
    <li><input type="checkbox" id="schlank" value="schlank"/><label for="schlank">schlank</label></li>  
    <li><input type="checkbox" id="gross" value="gross"/><label for="gross">groß</label></li>  
    <li><input type="checkbox" id="klein" value="klein"/><label for="klein">klein</label></li>  
  </ul>  
</form>

Stylesheet:

form ul  
{  
  list-style: none;  
  padding: 0;  
}  
  
form li  
{  
  display: inline;  
}  
  
form li:not(:last-child)::after  
{  
  content: ", ";  
}  
  
input[type="checkbox"]  
{  
  display: none;  
}  
  
:checked+label  
{  
  font-weight: bold;  
}

Qapla'

PS: Viel Spaß mit IE!