[FEATURE] Follow up: Add autofocus attribute to BE login
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Templates / login.html
1 <!-- ###PAGE### begin -->
2 <div id="t3-login-form" ###CSS_CLASSES###>
3 ###LOGO###
4
5 <div class="shadow">
6 <div class="t3-headline">
7 <h2>###HEADLINE###</h2>
8 </div>
9
10 <div class="t3-login-box-body">
11 <noscript>
12 <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">
13 <h2>###ERROR_JAVASCRIPT###</h2>
14 </div>
15 </noscript>
16 <div id="t3-nocookies-error" class="t3-login-alert t3-login-alert-warning" style="display:none">
17 <h2>###ERROR_COOKIES###</h2>
18 <div id="t3-nocookies-ignore"><a href="#" onclick="TYPO3BackendLogin.hideCookieWarning()">###ERROR_COOKIES_IGNORE###</a></div>
19 </div>
20 <!--[if lte IE 6]>
21 ###WARNING_BROWSER_INCOMPATIBLE###
22 <![endif]-->
23 <div id="t3-login-process" style="display: none">
24 <h2>###LOGIN_PROCESS###</h2>
25 </div>
26
27 ###FORM###
28
29 </div>
30 </div>
31 <script type="text/javascript" src="sysext/t3skin/Resources/Public/JavaScript/login.js"></script>
32 <script type="text/javascript" src="jsfunc.placeholder.js"></script>
33
34 ###NEWS###
35
36 <div id="t3-copyright-notice">
37 ###COPYRIGHT###
38 </div>
39 <div id="t3-meta-links">
40 <a href="http://typo3.org" target="_blank" class="t3-login-link-typo3">TYPO3.org</a>
41 &#124;
42 <a href="http://typo3.org/donate/" target="_blank" class="t3-login-link-donate">###LABEL_DONATELINK###</a>
43 </div>
44 </div>
45 <!-- ###PAGE### end -->
46
47 <!-- ###LOGIN_NEWS### begin -->
48 <div id="t3-login-news-outer" class="shadow">
49 <div class="t3-headline">
50 <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>
51 </div>
52 <div class="t3-login-box-body">
53 <dl id="t3-login-news">
54 <!-- ###NEWS_ITEM### begin -->
55 <div class="t3-login-news-item###CLASS###">
56 <dt>
57 <span class="t3-news-date">###DATE###: </span>
58 <span class="t3-news-title">###HEADER###</span>
59 </dt>
60 <dd>
61 ###CONTENT###
62 </dd>
63 </div>
64 <!-- ###NEWS_ITEM### end -->
65 </dl>
66 </div>
67 </div>
68 <div class="t3-login-box-border-bottom"></div>
69 <!-- ###LOGIN_NEWS### end -->
70
71 <!-- ###LOGIN_FORM### begin -->
72
73 <!-- ###LOGIN_ERROR### begin -->
74 <div id="t3-login-error" class="t3-login-alert t3-login-alert-error">
75 <h2>###ERROR_LOGIN_TITLE###</h2>
76 <p>###ERROR_LOGIN_DESCRIPTION###</p>
77 </div>
78 <!-- ###LOGIN_ERROR### end -->
79
80 <div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">
81 <div class="t3-login-field">
82 <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="t3-username" autofocus="autofocus" />
83
84 <div class="t3-login-clearInputField">
85 <a id="t3-username-clearIcon" style="display: none;">
86 <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
87 </a>
88 </div>
89 <div class="t3-login-alert-capslock" id="t3-username-alert-capslock" style="display: none">
90 <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
91 </div>
92 </div>
93 <div class="t3-login-password t3-login-field" id="t3-login-password-section">
94 <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="t3-password" />
95 <div class="t3-login-clearInputField">
96 <a id="t3-password-clearIcon" style="display: none;">
97 <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
98 </a>
99 </div>
100 <div class="t3-login-alert-capslock" id="t3-password-alert-capslock" style="display: none">
101 <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
102 </div>
103 </div>
104 <div class="t3-login-field clearfix">
105 <!-- ###INTERFACE_SELECTOR### begin -->
106 <div class="t3-login-interface" id="t3-login-interface-section">
107 ###VALUE_INTERFACE###
108 </div>
109 <!-- ###INTERFACE_SELECTOR### end -->
110
111 <div id="t3-login-openIdLogo" style="display: none">
112 <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />
113 </div>
114
115 <input type="submit" name="commandLI" id="t3-login-submit" value="###VALUE_SUBMIT###" class="t3-login-submit" />
116 </div>
117
118 <div class="t3-login-form-footer">
119 <div id="t3-login-form-footer-default">
120 <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>
121 </div>
122 <div id="t3-login-form-footer-openId" style="display: none">
123 <a href="http://openid.net/" id="t3-login-whatIsOpenId" target="_blank" class="switchToOpenId">###LABEL_WHATISOPENID###</a>
124 &#124;
125 <a id="t3-login-switchToDefault" class="switchToOpenId">###LABEL_SWITCHDEFAULT###</a>
126 </div>
127 </div>
128 </div>
129 <!-- ###LOGIN_FORM### end -->
130
131 <!-- ###LOGOUT_FORM### begin -->
132 <div id="t3-login-form-fields">
133 <div class="t3-login-logout-form">
134 <div class="t3-login-username t3-login-field">
135 <div class="t3-login-label t3-username">
136 ###LABEL_USERNAME###
137 </div>
138 <div class="t3-username-current">
139 ###VALUE_USERNAME###
140 </div>
141 </div>
142 <!-- ###INTERFACE_SELECTOR### begin -->
143 <div class="t3-login-interface t3-login-field">
144 <div class="t3-login-label t3-interface-selector">
145 ###LABEL_INTERFACE###
146 </div>
147 ###VALUE_INTERFACE###
148 <!-- ###INTERFACE_SELECTOR### end -->
149 </div>
150 <input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-login-submit" />
151 </div>
152 </div>
153 <!-- ###LOGOUT_FORM### end -->