xmpp.chapril.org-conversejs/src/templates/login_panel.html

<div class="conn-feedback hidden">
    <p class="feedback-subject hidden {{{ conn_feedback_class }}}">{{{ conn_feedback_subject }}}</p>
    <p class="feedback-message hidden {{{ conn_feedback_class }}}">{{{ conn_feedback_message }}}</p>
</div>

<form class="pure-form pure-form-stacked converse-form" id="converse-login" method="post">
    {[ if (auto_login) { ]}
        <span class="spinner login-submit"/>
    {[ } ]}
    {[ if (!auto_login) { ]}
        <legend>{{{__("Login")}}}</legend>

        {[ if (authentication == LOGIN || authentication == EXTERNAL) { ]}
            <label>{{{label_username}}}</label>
            <p class="form-help invalid-jid-msg error hidden">{{{_('Please enter a valid XMPP address')}}}</p>
            <input type="text" name="jid" placeholder="{{{placeholder_username}}}">
            {[ if (authentication !== EXTERNAL) { ]}
                <label>{{{label_password}}}</label>
                <input type="password" name="password" placeholder="{{{placeholder_password}}}">
            {[ } ]}
            <input class="pure-button button-primary" type="submit" value="{{{label_login}}}">
        {[ } ]}
        {[ if (authentication == ANONYMOUS) { ]}
            <input class="pure-button button-primary login-anon" type="submit" value="{{{label_anon_login}}}"/>
        {[ } ]}
        {[ if (authentication == PREBIND) { ]}
            <p>Disconnected.</p>
        {[ } ]}
    {[ } ]}
</form>