HTML / CSS Anfänger: Suchformular

Beitrag lesen

Guten Morgen,

mir gefällt dieses Suchformular sehr: https://derjobbote.de/stelle-suchen.html

Meine Frage dazu ist, ob ich wirklich so viele verschieden divs benötige um diese Aussehen zu erreichen?

<form action="#" method="post">
    <input type="hidden" name="tx_dmmjobcontrol_pi1[search_submit]" value="Suchen">
    <div class="groupInput clearfix">
      <div class="searchKeyword clearfix">
        <label class="input" for="tx_dmmjobcontrol_pi1[search][keyword]"> <span>Suchbegriff</span>
          <input type="text" name="tx_dmmjobcontrol_pi1[search][keyword]" value="" class="dmmjobcontrol_input dmmjobcontrol_keyword">
        </label>
      </div>
      <div class="searchSector clearfix">
        <label class="input" for="tx_dmmjobcontrol_pi1[search][sector]"> <span>Branche</span> <select name="tx_dmmjobcontrol_pi1[search][sector][]" class="dmmjobcontrol_select dmmjobcontrol_sector"><option value="-1"></option><option value="1">Büro, Management, Verwaltung</option><option value="2">Einzelhandel, Verkauf, Vertrieb, Dialogmarketing</option><option value="14">Friseur und Kosmetik, Beauty-Branche</option><option value="3">Handwerk und Bauwesen</option><option value="4">Hotel-, Gastgewerbe, Catering, Tourismus</option><option value="5">Ingenieure und technische Berufe</option><option value="6">IT, Soft- und Hardware</option><option value="7">Land- und Forstwirtschaft, Gartenbau, Umwelt</option><option value="8">Medizin, Gesundheit, Soziales, Bildung</option><option value="9">Metall-, Maschinen-, Fahrzeugbau, KFZ</option><option value="16">öffentlicher Dienst, Verwaltung</option><option value="10">Personal, Recht, Steuern, Finanzen, Controlling</option><option value="11">sonstige Dienstleistungen, Produktion, Helfer</option><option value="12">Verkehr, Lager, Logistik</option><option value="13">Versicherung, Banken, Immobilien</option><option value="15">Werbung, Marketing, Medien</option></select> </label>
      </div>
      <div class="searchRegion clearfix">
        <label class="input" for="tx_dmmjobcontrol_pi1[search][region]"> <span>Ort/Region</span> <select name="tx_dmmjobcontrol_pi1[search][region][]" class="dmmjobcontrol_select dmmjobcontrol_region"><option value="-1"></option><option value="8">Landkreis Rostock</option><option value="1">Ludwigslust-Parchim</option><option value="2">Mecklenburgische Seenplatte</option><option value="10">nördliches Brandenburg</option><option value="3">Nordwestmecklenburg</option><option value="4">Rostock</option><option value="5">Schwerin</option><option value="6">Vorpommern-Greifswald</option><option value="7">Vorpommern-Rügen</option></select> </label>
      </div>
      <div class="searchCategory clearfix">
        <label class="input" for="tx_dmmjobcontrol_pi1[search][category]"> <span>Kategorie</span> <select name="tx_dmmjobcontrol_pi1[search][category][]" class="dmmjobcontrol_select dmmjobcontrol_category"><option value="-1"></option><option value="1">AN-Überlassung</option><option value="2">Ausbildung/Studium</option><option value="3">Befristung</option><option value="4">Festanstellung</option><option value="8">Franchise</option><option value="5">Freiberuflich</option><option value="10">Mini-Job</option><option value="9">Praktika, Werkstudenten</option><option value="6">Selbstständig, HGB</option></select> </label>
      </div>
    </div>
    <div class="buttonGroup clearfix">
      <input style="float: right" type="submit" name="tx_dmmjobcontrol_pi1[search_submit]" value="Suchen" class="dmmjobcontrol_submit dmmjobcontrol_search_submit">
      <input style="float: right" type="submit" name="tx_dmmjobcontrol_pi1[reset_submit]" value="Zurücksetzen" class="dmmjobcontrol_submit dmmjobcontrol_search_reset">
    </div>
  </form>