synapse/jsfiddles/create_room_send_msg/demo.html

<div>
    <p>This room creation / message sending 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="text" id="roomAlias" placeholder="Room alias (optional)"></input>
        <input type="button" class="createRoom" value="Create Room"></input>
    </form>
    <form class="sendMessageForm">
        <input type="text" id="roomId" placeholder="Room ID"></input>
        <input type="text" id="messageBody" placeholder="Message body"></input>
        <input type="button" class="sendMessage" value="Send Message"></input>
    </form>
    <table id="rooms">
        <tbody>
            <tr>
                <th>Room ID</th>
                <th>My state</th>
                <th>Room Alias</th>
                <th>Latest message</th>
            </tr>
        </tbody>
    </table>
</div>