Formular Elemente

Dieses Template nutzt das Bootstrap 5 Formular Elemente. Weitere Infos gibt es hier Dokumentation → Email Adresse Passwort Textarea <div class="mb-3"> <label for="exampleFormControlInput1" class="form-label">Email Adresse</label> <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein."> </div> <div class="mb-3"> <label for="inputPassword2" class="form-label">Passwort</label> <input type="password" class="form-control" id="inputPassword2" placeholder="Passwort"> </div> <div class="mb-3"> <label for="exampleFormControlTextarea1" class="form-label">Textarea</label> <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> </div> Größen

<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" aria-label=".form-control-lg example"> <input class="form-control" type="text" placeholder="Default input" aria-label="default input example"> <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" aria-label=".form-control-sm example"> Dateiupload

Eine Datei auswählen Mehrere Dateien auswählen <div class="mb-3"> <label for="formFile" class="form-label">Eine Datei auswählen</label> <input class="form-control" type="file" id="formFile"> </div> <div class="mb-3"> <label for="formFileMultiple" class="form-label">Mehrere Dateien auswählen</label> <input class="form-control" type="file" id="formFileMultiple" multiple> </div> Auswahllisten

Open this select menu One Two Three <select class="form-select" aria-label="Default select example"> <option selected>Open this select menu</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> Open this select menu One Two Three <select class="form-select" multiple aria-label="Multiple select example"> <option selected>Open this select menu</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> Input Gruppen

@ @example.com Your vanity URL https://example.com/users/ Example help text goes outside the input group. $ .00 @ With textarea <div class="input-group mb-3"> <span class="input-group-text" id="basic-addon1">@</span> <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"> </div> <div class="input-group mb-3"> <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2">@example.com</span> </div> <div class="mb-3"> <label for="basic-url" class="form-label">Your vanity URL</label> <div class="input-group"> <span class="input-group-text" id="basic-addon3">https://example.com/users/</span> <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3 basic-addon4"> </div> <div class="form-text" id="basic-addon4">Example help text goes outside the input group.</div> </div> <div class="input-group mb-3"> <span class="input-group-text">$</span> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <span class="input-group-text">.00</span> </div> <div class="input-group mb-3"> <input type="text" class="form-control" placeholder="Username" aria-label="Username"> <span class="input-group-text">@</span> <input type="text" class="form-control" placeholder="Server" aria-label="Server"> </div> <div class="input-group"> <span class="input-group-text">With textarea</span> <textarea class="form-control" aria-label="With textarea"></textarea> </div>

Accordion summary...Accordion body...