converse.js/src/templates/chatroom_nickname_form.html

Browser based XMPP chat client

<div class="chatroom-form-container muc-nickname-form">
    <form class="converse-form chatroom-form converse-centered-form">
        <fieldset class="form-group">
            <label>{{{o.heading}}}</label>
            <p class="validation-message">{{{o.validation_message}}}</p>
            <input type="text" required="required" name="nick" value="{{{o.nickname}}}"
                   class="form-control {{o.error_class}}" placeholder="{{{o.label_nickname}}}"/>
        </fieldset>
        <fieldset class="form-group">
            <input type="submit" class="btn btn-primary" name="join" value="{{{o.label_join}}}"/>
        </fieldset>
    </form>
</div>