---
title: "Loginformular mit Dropdownbox realisieren"
url: "https://www.typo3.net/d/110617-loginformular-mit-dropdownbox-realisieren"
source: "typo3.net"
tags: ["TYPO3","Frontend","Frage","HTML & CSS","felogin"]
created: "2012-05-15"
last_reply: "2012-06-27"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Loginformular mit Dropdownbox realisieren

TYPO3 › Frontend · 3 Antworten · gestartet 2012-05-15

## Eröffnungsbeitrag

**timmy2007** · 2012-05-15 · [Beitrag #1](https://www.typo3.net/d/110617-loginformular-mit-dropdownbox-realisieren/1)

Ich habe vor folgende Login-Dropdownbox in mein Template mit einzubinden: <http://www.red-team-design.com/wp-content/uploads/2011/10/simple-and-effective-dropdown-login-box-demo.html>#

In meinem Template (ohne Typo3) habe ich die Box im oberen Bereich zwischen dem Logo und der Hauptnavigation in einem extra div-Container gespeichert, die CSS Dateien und das Javascript richtig eingebunden.

Dann habe ich ein extra Logintemplate mit den HTML-Code der Loginbox erstellt. Hier der Auszug des Login-Codes:

```html
<!--###TEMPLATE_LOGIN###-->


<!-- LOGIN-DROPDOWN-->
                                <div class="login-dropdown">
                                <nav>
        <ul>
                <li id="login">
                        <a id="login-trigger" href="#">
                                Log in <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">

                                <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###ON_SUBMIT###">
                                        <fieldset id="inputs">
                                                <input id="username" type="email" name="Email" placeholder="###USERNAME_LABEL###" required>
                                                <input id="password" type="password" name="Password" placeholder="###PASSWORD_LABEL###" required>
                                        </fieldset>
                                        <fieldset id="actions">
                                                <input type="submit" id="submit" value="###LOGIN_LABEL###">
                                                <label><input type="checkbox" checked="checked"> ###PERMALOGIN###</label>
                                                <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" />
                                                <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin"  onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" />

                                                <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="login" />
                <input type="hidden" name="pid" value="###STORAGE_PID###" />
                <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" />
                <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" />
                ###EXTRA_HIDDEN###
        </div>
                <!--###FORGOTP_VALID###-->
<p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p>
<!--###FORGOTP_VALID###-->
                                        </fieldset>
                                </form>
                        </div>
                </li>
                <li id="signup">
                        <a href="">Sign up FREE</a>
                </li>
        </ul>
</nav> </div>
<!-- END LOGIN-DROPDOWN -->

<!-- ###LOGIN_FORM### -->

<!--###TEMPLATE_LOGIN###-->
```

Ich habe das Javascript im Header der Typo3-Seite eingebunden.

Die Originalausgabe des Quelltextes meiner NICHT-Typo3-Seite ist (Auszug):

```html
                <!-- HEADER -->
                <header>
                        <div class="wrapper cf">

                                <div id="logo">
                                        <a href="index.html"><img  src="img/logo.png" alt="Simpler"></a>
                                </div>
                                <div>
                                <!-- nav -->

                                <ul id="nav" class="sf-menu">
                                        <li class="current-menu-item"><a href="index.html">HOME</a></li>
                                        <li><a href="blog.html">BLOG</a></li>
                                        <li><a href="page.html">ABOUT</a>
                                                <ul>
                                                        <li><a href="page-elements.html">Elements</a></li>
                                                        <li><a href="page-icons.html">Icons</a></li>

                                                        <li><a href="page-typography.html">Typography</a></li>
                                                </ul>
                                        </li>
                                        <li><a href="portfolio.html">WORK</a></li>
                                        <li><a href="contact.html">CONTACT</a></li>
                                </ul>
                                </div>

                                <div id="combo-holder"></div>
                                <!-- ends nav -->

                                <!-- LOGIN-DROPDOWN-->
                                <div class="login-dropdown">
                                <nav>
        <ul>
                <li id="login">
                        <a id="login-trigger" href="#">

                                Log in <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">

                                <form>
                                        <fieldset id="inputs">
                                                <input id="username" type="email" name="Email" placeholder="Your email address" required>
                                                <input id="password" type="password" name="Password" placeholder="Password" required>
                                        </fieldset>

                                        <fieldset id="actions">
                                                <input type="submit" id="submit" value="Log in">
                                                <label><input type="checkbox" checked="checked"> Keep me signed in</label>

                                        </fieldset>
                                </form>
                        </div>
                </li>

                <li id="signup">
                        <a href="">Sign up FREE</a>
                </li>
        </ul>
</nav> </div>
<!-- END LOGIN-DROPDOWN -->
```

Nun habe ich dieses TS in Setup gespeichert:

```typoscript
#LOGIN-DROPDOWN
lib.logindropdown = COA
    lib.logindropdown {
            20 = COA
            20 {
                10 < plugin.tx_felogin_pi1
                10 {
                feloginBaseURL = xxx
                storagePid = 118
                templateFile = fileadmin/templates/login/login-dropdown.html
                showForgotPasswordLink = 1
                #welcomeHeader_stdWrap >
                #welcomeMessage_stdWrap >
                #logoutHeader_stdWrap >
                #logoutHeader_stdWrap >
                #successHeader_stdWrap >
 
                showLogoutFormAfterLogin = 1
                noSuccessMessageAfterLogin = 1
                dateFormat = d.m.Y
 
                redirectMode = login
                #_CSS_DEFAULT_STYLE >        
 
        }    
    }  
      }
```

Der Auszug meines Seitenquellcodes lautet nun:

```html
<!-- HEADER -->
                <header>
                        <div class="wrapper cf">

                                <div id="logo"><a href="index.php?id=2" ><img src="fileadmin/zeni-files/HTML/img/logo.png" /></a></div>
                                <div><ul id="nav" class="sf-menu"><li class="current-menu-item"><a href="index.php?id=2" title="Der Fan-Club in Deutschland bietet aktuelle Nachrichten, Services und weitere Informationen über den King of Pop - die Nr.1 bei Infos &amp; News!"  >Home</a><ul><li><a href="index.php?id=1004"  >Login/Logout</a></li><li><a href="index.php?id=1005"  >Registrieren</a></li></ul></li><li><a href="index.php?id=227" title="Aktuelles"  >Nachrichten</a><ul><li><a href="index.php?id=600"  >News</a></li><li><a href="index.php?id=597"  >Teilnahmebedingungen</a></li></ul></li><li><a href="index.php?id=75" title="King of Pop"  >Michael</a><ul><li><a href="index.php?id=1285"  >Auszeichnungen</a></li><li><a href="index.php?id=1263"  >Interviews</a></li><li><a href="index.php?id=1230"  >Biographie</a></li><li><a href="index.php?id=1068"  >Discographie</a></li><li><a href="index.php?id=1023"  >Videographie</a></li><li><a href="index.php?id=1017"  >Konzerte</a></li><li><a href="index.php?id=1008"  >Wohltätigkeit Engagement</a></li><li><a href="index.php?id=879"  >Vitiligo</a></li></ul></li><li><a href="index.php?id=74" title="MJFC JAM"  >Fan-Club</a><ul><li><a href="index.php?id=894"  >Team</a></li><li><a href="index.php?id=893"  >FAQ</a></li><li><a href="index.php?id=892"  >Umfragen/Gewinnspiele</a></li><li><a href="index.php?id=887"  >Support</a></li><li><a href="index.php?id=882"  >Online-Shop</a></li><li><a href="index.php?id=881"  >Archiv</a></li></ul></li><li><a href="index.php?id=100" title="Bereich"  >Spezial</a><ul><li><a href="index.php?id=965"  >Projekte</a></li><li><a href="index.php?id=964"  >MJFC FAMILY</a></li><li><a href="index.php?id=960"  >FLY</a></li><li><a href="index.php?id=957"  >Feedback</a></li><li><a href="index.php?id=935"  >Sonderausgaben</a></li><li><a href="index.php?id=930"  >TII</a></li><li><a href="index.php?id=913"  >Videospiele</a></li><li><a href="index.php?id=598"  >EXKLUSIV: Giovanni Zarrella Interview</a></li></ul></li><li><a href="index.php?id=372" title="Mitgliederbereich"  >Community</a><ul><li><a href="index.php?id=997"  >Mein Profil</a></li></ul></li></ul></div>

                                <div id="combo-holder"></div>
                                <!-- ends nav -->

                                <!-- LOGIN-DROPDOWN-->
                                <div class="login-dropdown"><div class="tx-felogin-pi1">
		


<!-- LOGIN-DROPDOWN-->
                                <div class="login-dropdown">
                                <nav>
        <ul>

                <li id="login">
                        <a id="login-trigger" href="#">
                                Log in <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">

                                <form action="index.php?id=2" target="_top" method="post" onsubmit="">
                                        <fieldset id="inputs">
                                                <input id="username" type="email" name="Email" placeholder="Benutzername:" required>

                                                <input id="password" type="password" name="Password" placeholder="Passwort:" required>
                                        </fieldset>
                                        <fieldset id="actions">
                                                <input type="submit" id="submit" value="Anmelden">
                                                <label><input type="checkbox" checked="checked"> ###PERMALOGIN###</label>
                                                <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" />
                                                <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin"  onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" />

                                                <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="login" />
                <input type="hidden" name="pid" value="118" />
                <input type="hidden" name="redirect_url" value="" />
                <input type="hidden" name="tx_felogin_pi1[noredirect]" value="0" />
                
        </div>
                <!--###FORGOTP_VALID###-->
<p><a href="index.php?id=2&amp;tx_felogin_pi1%5Bforgot%5D=1" rel="nofollow">Kennwort vergessen?</a></p>
<!--###FORGOTP_VALID###-->

                                        </fieldset>
                                </form>
                        </div>
                </li>
                <li id="signup">
                        <a href="">Sign up FREE</a>
                </li>
        </ul>

</nav> </div>
<!-- END LOGIN-DROPDOWN -->

<!-- ###LOGIN_FORM### -->


	</div>
	</div>
<!-- END LOGIN-DROPDOWN -->
```

Die "<div class="login-dropdown">" wird zweimal ausgegeben.

Das "permalogin" funktioniert nicht.

Wie kann ich es richtig machen?

## Antworten

### [#2](https://www.typo3.net/d/110617-loginformular-mit-dropdownbox-realisieren/2) · timmy2007 · 2012-05-16

Die Klasse "login-dropdown" wurde zweimal ausgegeben, da ich im felogin-HTML diese Klasse noch einmal reingeschrieben hatte. Das habe ich nun behoben.

Nun sieht mein Code-Auszug so aus:

```html
<!-- LOGIN-DROPDOWN-->

                                <nav>
        <ul>
                <li id="login">

                        <a id="login-trigger" href="#">
                                Log in <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">

                                <form action="index.php?id=2" target="_top" method="post" onsubmit="">
                                        <fieldset id="inputs">
                                                <input id="username" type="email" name="Email" placeholder="Benutzername:" required>
                                                <input id="password" type="password" name="Password" placeholder="Passwort:" required>

                                        </fieldset>
                                        <fieldset id="actions">
                                                <input type="submit" id="submit" value="Anmelden"> <br />


                                                <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="login" />
                <input type="hidden" name="pid" value="118" />
                <input type="hidden" name="redirect_url" value="" />

                <input type="hidden" name="tx_felogin_pi1[noredirect]" value="0" />
                

                                <!--###FORGOTP_VALID###-->
<p><a href="index.php?id=2&amp;tx_felogin_pi1%5Bforgot%5D=1" rel="nofollow">Kennwort vergessen?</a></p>
<!--###FORGOTP_VALID###-->
        </div>

                                        </fieldset>
                                </form>
                        </div>
                </li>

                <li id="signup">
                        <a href="index.php?id=1005">Registrierung</a>
                </li>
        </ul>
</nav>
<!-- END LOGIN-DROPDOWN -->

<!-- ###LOGIN_FORM### -->


	</div>

	</div>
<!-- END LOGIN-DROPDOWN -->
```

Ich weiss allerdings nicht, wie ich "Kennwort vergessen?" unterhalb des Absendebuttons platzieren kann. Auch weiss ich nicht, wie ich die permalogin-Funktion aktiviere. Wenn ich dies im template angebe, dann steht da der Code "###PERMALOGIN###" vom felogin Formular!

Wie kann ich es so gestalten, dass, wenn man eingeloggt ist, das Login zum Logout wird , mit entsprechendem Link?

Ich habe im Internet mal diesen Code gefunden, der eine Link-Änderung des Login zum Logout Button machen soll:

```typoscript
lib.user_login_link = COA_INT
lib.user_login_link {
  # Login Link (Anzeige wenn User NICHT eingeloggt)
  10 = TEXT
  10 {
    value = LOGIN
    typolink {
      parameter = 0 // pid mit dem Login-Formular
    }
    if.isFalse.data = TSFE:fe_user|user|username
  }

  # Logout Link (Anzeige wenn User eingeloggt)
  20 < .10
  20.if.negate = 1
  20 {
    value = LOGOUT
    typolink {
      additionalParams = &logintype=logout
    }
  }
}
```

Wie ist das anwendbar?

### [#3](https://www.typo3.net/d/110617-loginformular-mit-dropdownbox-realisieren/3) · timmy2007 · 2012-06-14

Der Login funktioniert nun, im Template hatte ich die id und name Angaben der input-Felder falsch bezeichnet.

Jetzt habe ich aber noch ein Problem. Im template gibt es einen Link zum Kennwort zurücksetzen. Dieses Formular soll auch mit der "Drop-Down-Box" realisiert werden, doch ich weiß nicht wie.

Hier der HTML-Code des Templates:

```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title>Templates for felogin</title>
</head>
<body>

<h1>Common markers</h1>
<p>These are substituted in all felogin item displaying templates.</p>

<h2>Markers</h2>
<ul>
        <li>###ACTION_URI###     - URI of the request for the login/logout form</li>
        <li>###EXTRA_HIDDEN###   - Hook required (additionnal hidden field used by kb_md5fepw extension by Kraft Bernhard)</li>
        <li>###ON_SUBMIT###      - Hook required (used by kb_md5fepw extension by Kraft Bernhard)</li>
        <li>###PREFIXID###       - Same as class name ('tx_newloginbox_pi1') usefull to get a unique classname prefix</li>
        <li>###REDIRECT_URL###   - URL of redirection upon login</li>
        <li>###STORAGE_PID###    - explicit enough I guess (if not : id of the page where user are stored)</li>
        <li>###STATUS_HEADER###  - depends of the template</li>
        <li>###STATUS_MESSAGE### - depends of the template</li>
</ul>

<h2>Wrap parts</h2>
<ul>
        <li>###HEADER_VALID###  - usefull to define what to show/hide</li>
        <li>###MESSAGE_VALID### - usefull to define what to show/hide</li>
        <li>###FORGOTP_VALID### - usefull to define what to show/hide</li>
        <li>###PERMALOGIN_VALID### - usefull to define what to show/hide</li>
</ul>

<h2>felogin Language Markers (see pi/locallang.xml)</h2>
<ul>
        <li>###EMAIL_LABEL###                 - corresponding to 'your_email'</li>
        <li>###FORGOT_PASSWORD###             - corresponding to 'forgot_password'</li>
        <li>###FORGOT_PASSWORD_BACKTOLOGIN### - corresponding to 'forgot_password_backToLogin'</li>
        <li>###FORGOT_PASSWORD_ENTEREMAIL###  - corresponding to 'forgot_password_enterEmail'</li>
        <li>###LOGIN_LABEL###                 - corresponding to 'login'</li>
        <li>###PASSWORD_LABEL###              - corresponding to 'password'</li>
        <li>###SEND_PASSWORD###               - corresponding to 'send_password'</li>
        <li>###USERNAME_LABEL###              - corresponding to 'username'</li>
</ul>





<!--###TEMPLATE_LOGIN###-->


<!-- LOGIN-DROPDOWN-->

                                <nav>
        <ul>
                <li id="login">
                        <a id="login-trigger" href="#">
                                Log in <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">

                                <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###ON_SUBMIT###">
                                        <fieldset id="inputs">
                                                <input id="user" type="text" name="user" placeholder="###USERNAME_LABEL###" required>
                                                <input id="pass" type="password" name="pass" placeholder="###PASSWORD_LABEL###" required>
                                        </fieldset>
                                        <fieldset id="actions">
                                                <input type="submit" id="submit" value="###LOGIN_LABEL###"> <br />


                                                <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="login" />
                <input type="hidden" name="pid" value="###STORAGE_PID###" />
                <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" />
                <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" />
                ###EXTRA_HIDDEN###

                                <!--###FORGOTP_VALID###-->
<p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p>
<!--###FORGOTP_VALID###-->
        </div>

                                        </fieldset>
                                </form>
                        </div>
                </li>
                <li id="signup">
                        <a href="index.php?id=1005">Registrierung</a>
                </li>
        </ul>
</nav>
<!-- END LOGIN-DROPDOWN -->

<!-- ###LOGIN_FORM### -->

<!--###TEMPLATE_LOGIN###-->












<!--###TEMPLATE_LOGOUT###-->

<form action="###ACTION_URI###" target="_top" method="post">
        <fieldset>
        <div class="login_button">
                <input type="submit" name="submit" value="###LOGOUT_LABEL###" />
         </div>

        <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="logout" />
                <input type="hidden" name="pid" value="###STORAGE_PID###" />
        </div>
        </fieldset>
</form>

<!--###TEMPLATE_LOGOUT###-->







<!--###TEMPLATE_FORGOT###-->

###STATUS_HEADER###
###STATUS_MESSAGE###


<!-- ###FORGOT_FORM### -->
<form action="###ACTION_URI###" method="post">
    <div class="felogin-hidden">
                <input type="hidden" name="tx_felogin_pi1[forgot_hash]" value="###FORGOTHASH###" />
        </div>
        <fieldset>
        <legend>###LEGEND###</legend>
        <div>
                <label for="tx_felogin_pi1-forgot-email">###DATA_LABEL###</label>
                <input type="text" name="###FORGOT_EMAIL###" id="tx_felogin_pi1-forgot-email" />
        </div>
        <div>
                <input type="submit" name="submit" value="###SEND_PASSWORD###" />
         </div>
        </fieldset>
</form>
<!-- ###FORGOT_FORM### -->
<p>###BACKLINK_LOGIN###&nbsp;</p>
<!--###TEMPLATE_FORGOT###-->
```

Wer kann helfen?

### [#4](https://www.typo3.net/d/110617-loginformular-mit-dropdownbox-realisieren/4) · timmy2007 · 2012-06-27

Ich bin nun einen Schritt weiter und alle gewünschten Formulare öffnen sich in der Dropdown-Box.

Nur das Logout geht nicht:

```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title>Templates for felogin</title>
</head>
<body>

<h1>Common markers</h1>
<p>These are substituted in all felogin item displaying templates.</p>

<h2>Markers</h2>
<ul>
        <li>###ACTION_URI###     - URI of the request for the login/logout form</li>
        <li>###EXTRA_HIDDEN###   - Hook required (additionnal hidden field used by kb_md5fepw extension by Kraft Bernhard)</li>
        <li>###ON_SUBMIT###      - Hook required (used by kb_md5fepw extension by Kraft Bernhard)</li>
        <li>###PREFIXID###       - Same as class name ('tx_newloginbox_pi1') usefull to get a unique classname prefix</li>
        <li>###REDIRECT_URL###   - URL of redirection upon login</li>
        <li>###STORAGE_PID###    - explicit enough I guess (if not : id of the page where user are stored)</li>
        <li>###STATUS_HEADER###  - depends of the template</li>
        <li>###STATUS_MESSAGE### - depends of the template</li>
</ul>

<h2>Wrap parts</h2>
<ul>
        <li>###HEADER_VALID###  - usefull to define what to show/hide</li>
        <li>###MESSAGE_VALID### - usefull to define what to show/hide</li>
        <li>###FORGOTP_VALID### - usefull to define what to show/hide</li>
        <li>###PERMALOGIN_VALID### - usefull to define what to show/hide</li>
</ul>

<h2>felogin Language Markers (see pi/locallang.xml)</h2>
<ul>
        <li>###EMAIL_LABEL###                 - corresponding to 'your_email'</li>
        <li>###FORGOT_PASSWORD###             - corresponding to 'forgot_password'</li>
        <li>###FORGOT_PASSWORD_BACKTOLOGIN### - corresponding to 'forgot_password_backToLogin'</li>
        <li>###FORGOT_PASSWORD_ENTEREMAIL###  - corresponding to 'forgot_password_enterEmail'</li>
        <li>###LOGIN_LABEL###                 - corresponding to 'login'</li>
        <li>###PASSWORD_LABEL###              - corresponding to 'password'</li>
        <li>###SEND_PASSWORD###               - corresponding to 'send_password'</li>
        <li>###USERNAME_LABEL###              - corresponding to 'username'</li>
</ul>





<!--###TEMPLATE_LOGIN###-->
<nav>
        <ul>
                <li id="login">
                        <a id="login-trigger" href="#">
                                Log in <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">
                     <!-- ###LOGIN_FORM### -->
<form action="###ACTION_URI###" target="_top" method="post" onsubmit="###FORM_SUBMIT###" id="###FORM_ID###">
        <fieldset id="inputs">
        <legend>###LEGEND###</legend>
        <div>
                <label for="user">###USERNAME_LABEL###</label>
                <input type="text" id="user" name="user" value="" />
        </div>
        <div>
                <label for="pass">###PASSWORD_LABEL###</label>
                <input type="password" id="pass" name="pass" value="" />
        </div>

        <!--###PERMALOGIN_VALID###-->
                <div>
                        <label for="permalogin">###PERMALOGIN###</label>
                        <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" />
                        <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin"  onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" />
                </div>
        <!--###PERMALOGIN_VALID###-->

        <div>
                <input type="submit" name="submit" value="###LOGIN_LABEL###" onclick="###SUBMIT_ONCLICK###" />
        </div>

        <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="login" />
                <input type="hidden" name="pid" value="###STORAGE_PID###" />
                <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" />
                ###EXTRA_HIDDEN###

                                                <!--###FORGOTP_VALID###-->
<p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p>
<!--###FORGOTP_VALID###-->
        </div>
        </fieldset>
                                </form>

                        </div>
                </li>
                <li id="signup">
                        <a href="index.php?id=1005">Registrierung</a>
                </li>
        </ul>
</nav>



<!-- ###LOGIN_FORM### -->

<!--###TEMPLATE_LOGIN###-->












<!--###TEMPLATE_LOGOUT###-->

 <nav>
 <ul>
 <li id="login">
                        <a id="login-trigger" href="#">
                                <b>###USERNAME###´s</b>&nbsp;Menü<span>&#x25BC;</span>
                        </a>
                        <div id="login-content">
<form action="###ACTION_URI###" target="_top" method="post" onsubmit="###FORM_SUBMIT###" id="###FORM_ID###">
        <fieldset>

        <div>
                Hallo <b>###USERNAME###</b>!<br />
                Was möchtest Du machen?<br />
                Zum Profil gehen? Deine Nachrichten lesen?
    </div>
        <div><li id="signup">
                </li>
         </div>

        <div class="felogin-hidden">
                <input type="hidden" name="logintype" value="logout" />
                <input type="hidden" name="pid" value="###STORAGE_PID###" />
        </div>
        </fieldset>
</form>
</div>
<li id="signup">
                        <input type="submit" name="submit" value="###LOGOUT_LABEL###" onclick="###SUBMIT_ONCLICK###" />
                </li>
 </ul>
</nav>




<!--###TEMPLATE_LOGOUT###-->







<!--###TEMPLATE_FORGOT###-->
<nav>
 <ul>
<li id="login">
                        <a id="login-trigger" href="#">
                                Kennwort vergessen? <span>&#x25BC;</span>
                        </a>
                        <div id="login-content">

<!-- ###FORGOT_FORM### -->
<form action="###ACTION_URI###" method="post" onsubmit="###FORM_SUBMIT###" id="###FORM_ID###">
        <fieldset id="inputs">
        <legend>###LEGEND###</legend>
        <div>
                <label for="###FORGOT_EMAIL###">###EMAIL_LABEL###</label>
                <input type="text" name="###FORGOT_EMAIL###" id="###FORGOT_EMAIL###" />
        </div>
        <div>
                <input type="submit" name="submit" value="###SEND_PASSWORD###" onclick="###SUBMIT_ONCLICK###" />
         </div>
        </fieldset>
</form>
 </div>

<li id="signup">
                        <!-- ###FORGOT_FORM### -->
###BACKLINK_LOGIN###
<!--###TEMPLATE_FORGOT###-->
                </li>
 </ul>
</nav>

</div>
```

---

Quelle: „Loginformular mit Dropdownbox realisieren“, typo3.net, https://www.typo3.net/d/110617-loginformular-mit-dropdownbox-realisieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.