4.3 ➡️Forms

Sehen Sie sich “Section 5 Topic 46” bis Topic 56” an.

Was ich in diesem Video lernen kann:

Forms:

Nachdem Sie sich die 11 Videos angesehen haben, haben Sie eine gute Vorstellung von Vorlagen, wie Sie diese erstellen, eine Schaltfläche zum Senden hinzufügen und alles, was Sie zum Erstellen einer Vorlage benötigen.

HTML:

<h1>Race Registration!</h1>
<form action="/register">
    <div>
        <label for="firstname">First Name</label>
        <input type="text" name="firstname" id="firstname" required>

        <label for="lastname">Last Name</label>
        <input type="text" name="lastname" id="lastname" required>
    </div>

    <p>Select a Race:</p>

    <div>
        <label for="5k">Fun Run 5k</label>
        <input type="radio" name="Race" id="5k" value="5k" required>
        <br>

        <label for="Half">Half Marathon</label>
        <input type="radio" name="Race" id="Half" value="Half" required>
        <br>

        <label for="Full">Full Marathon</label>
        <input type="radio" name="Race" id="Full" value="Full" required>
    </div>

    <div>
        <label for="email">Email</label>
        <input type="email" name="email" id="email" required>

        <label for="Password">Password</label>
        <input type="Password" name="Password" id="Password" required>
    </div>

    <div>
        <label for="age">Select Age Grupe</label>

        <select name="age" id="age">
            <option value="18">under 18</option>
            <option value="20">18-25</option>
            <option value="20">26+</option>
        </select>
    </div>
    <br>
    <button>register</button>
</form>
HTML

Result:

Race Registration!

Select a Race: