User login form

100%
<!--
    @desc For a proper layout, especially Typo3's own utility class "frame-layout-1" is required. It fixes a
        grid-in-grid issue and the top margin to align with context menu.
    @author Tibor Legat
-->
<div id="c1423" class=" cell small-12 medium-12 large-12 frame frame-default frame-type-login frame-layout-1">
    <div class="tx-felogin-pi1">
        <h3>Benutzeranmeldung</h3>
        <div>Geben Sie Ihren Benutzernamen und Ihr Passwort ein, um sich an der Website anzumelden.</div>
        <!-- ###LOGIN_FORM### -->
        <form action="#" target="_top" method="post">
            <div class="grid-x grid-margin-x grid-margin-y">
                <div class="cell">
                    <div class="o-form__field">
                        <div class="o-form__fluid">
                            <div class="o-form__field">
                                <div class="o-form__fluid">
                                    <input title="" type="text" class="o-form__input o-form__input--text " placeholder="Bitte ausfüllen" aria-describedby="input-01" required>
                                    <label class="o-form__label">Benutzername<span class="required">*</span></label>
                                </div>
                                <span class="o-form__status o-form__status--warning">
          
        </span>
                                <span class="o-form__info" id="input-01"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cell">
                    <div class="o-form__field">
                        <div class="o-form__fluid">
                            <div class="o-form__field">
                                <div class="o-form__fluid">
                                    <input title="" type="text" class="o-form__input o-form__input--text " placeholder="Bitte ausfüllen" aria-describedby="input-01" required>
                                    <label class="o-form__label">Passwort<span class="required">*</span></label>
                                </div>
                                <span class="o-form__status o-form__status--warning">
          
        </span>
                                <span class="o-form__info" id="input-01"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Submit -->
                <div class="cell">
                    <input type="submit" class="o-form__input c-button c-button--full" value="Login">
                </div>
            </div>
        </form>
        <!-- ###LOGIN_FORM### -->
    </div>
</div>
<!--
    @desc For a proper layout, especially Typo3's own utility class "frame-layout-1" is required. It fixes a
        grid-in-grid issue and the top margin to align with context menu.
    @author Tibor Legat
-->
<div id="c1423" class=" cell small-12 medium-12 large-12 frame frame-default frame-type-login frame-layout-1">
    <div class="tx-felogin-pi1">
        <h3>Benutzeranmeldung</h3>
        <div>Geben Sie Ihren Benutzernamen und Ihr Passwort ein, um sich an der Website anzumelden.</div>
        <!-- ###LOGIN_FORM### -->
        <form action="#" target="_top" method="post">
            <div class="grid-x grid-margin-x grid-margin-y">
                <div class="cell">
                    <div class="o-form__field">
                        <div class="o-form__fluid">
                            {% render '@input--alpha' with {
                                input: { type: 'text'},
                                label: "Benutzername"
                            } %}
                        </div>
                    </div>
                </div>
                <div class="cell">
                    <div class="o-form__field">
                        <div class="o-form__fluid">
                            {% render '@input' with {
                                input: {
                                    type: 'password',
                                    title: 'Passwort',
                                },
                                label: "Passwort"
                            } %}
                        </div>
                    </div>
                </div>
                <!-- Submit -->
                <div class="cell">
                    {% render '@submit' with {
                        label: 'Login',
                    } %}
                </div>
            </div>
        </form>
        <!-- ###LOGIN_FORM### -->
    </div>
</div>
/* No context defined for this component. */

There are no notes for this item.