Such Tabs
bearbeitet von
> wie man mit html solche tabs erstellt. So dass man zwischen schnellen und erweiterter Suche auswaehlen kann.
Sowas geht mit reinem html/CSS.
~~~html
<form id="formular" ... >
<a href='#schnell'>Schnellsuche</a><a href='#erweitert'>Erweiterte Suche</a>
<div class="tab" id="schnell">
<input ...>
</div>
<div class="tab" id="erweitert">
<select ...>
...
</select>
</div>
<button>senden</button>
</form>
~~~
css:
~~~css
.tab { display: none};
.tab:target { display: block};
~~~
Such Tabs
bearbeitet von
> wie man mit html solche tabs erstellt. So dass man zwischen schnellen und erweiterter Suche auswaehlen kann.
Sowas geht mit reinem html/CSS.
~~~html
<formular id="formular" ... >
<a href='#schnell'>Schnellsuche</a><a href='#erweitert'>Erweiterte Suche</a>
<div class="tab" id="schnell">
<input ...
</div>
<div class="tab" id="erweitert">
<select ...
...
</div>
<button>senden</button>
</formular>
~~~
css:
~~~css
.tab { display: none};
.tab:target { display: block};
~~~
Such Tabs
bearbeitet von Google weiß alles> wie man mit html solche tabs erstellt. So dass man zwischen schnellen und erweiterter Suche auswaehlen kann.
Sowas geht mit reinem CSS.
~~~html
<formular id="formular" ... >
<a href='#schnell'>Schnellsuche</a><a href='#erweitert'>Erweiterte Suche</a>
<div class="tab" id="schnell">
<input ...
</div>
<div class="tab" id="erweitert">
<select ...
...
</div>
<button>senden</button>
</formular>
~~~
css:
~~~css
.tab { display: none};
.tab:target { display: block};
~~~