synapse/jsfiddles/room_memberships/demo.html

<div>
    <p>This room membership demo requires a home server to be running on http://localhost:8008</p>
</div>
<form class="loginForm">
    <input type="text" id="userLogin" placeholder="Username"></input>
    <input type="password" id="passwordLogin" placeholder="Password"></input>
    <input type="button" class="login" value="Login"></input>
</form>
<div class="loggedin">
    <form class="createRoomForm">
        <input type="button" class="createRoom" value="Create Room"></input>
    </form>
    <form class="changeMembershipForm">
        <input type="text" id="roomId" placeholder="Room ID"></input>
        <input type="text" id="targetUser" placeholder="Target User ID"></input>
        <select id="membership">
            <option value="invite">invite</option>
            <option value="join">join</option>
            <option value="leave">leave</option>
        </select>
        <input type="button" class="changeMembership" value="Change Membership"></input>
    </form>
    <form class="joinAliasForm">
        <input type="text" id="roomAlias" placeholder="Room Alias (#name:domain)"></input>
        <input type="button" class="joinAlias" value="Join via Alias"></input>
    </form>
    <table id="rooms">
        <tbody>
            <tr>
                <th>Room ID</th>
                <th>My state</th>
                <th>Room Alias</th>
            </tr>
        </tbody>
    </table>
</div>