tijl.dev-core/web/views/apps/flags/start.html

<div hx-boost="true">
    <div id="error-message" class="text-red-500 mb-4"></div>
    <form method="post" hx-on="htmx:responseError: 
        document.getElementById('error-message').innerHTML = '{{.T.error_long}}: ' + event.detail.xhr.responseText;
            htmx.trigger(this, 'htmx:swap', { target: '#error-message', swap: 'innerHTML' });">
        <input type="text" class="hidden" name="type" value="start" />

        <div>
            {{range .SupportedTags}}
            <label class="cursor-pointer label">
                <span class="label-text">{{index $.T .}}</span>
                <input name="tags" value="{{.}}" type="checkbox" class="checkbox checkbox-primary" />
            </label>
            {{end}}
        </div>

        <label class="cursor-pointer label mt-5">
            <span class="label-text">Share</span>
            <input name="share" type="checkbox" class="checkbox checkbox-primary" />
        </label>

        <div>
            <label>
                <span>max questions</span>
                <input value="0" placeholder="max questions" name="max_questions" type="number"
                    class="input input-bordered" />
            </label>
        </div>

        <div>
            <label>
                <span>time limit</span>
                <input value="0" placeholder="seconds time limit" name="seconds" type="number"
                    class="input input-bordered" />
            </label>
        </div>

        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
    <form class="mt-4" method="post">
        <input type="text" class="hidden" name="type" value="shared" />
        <input type="text" class="input input-bordered" name="sharekey" placeholder="sharekey" />
        <button type="submit" class="btn btn-primary">Shared</button>
    </form>
</div>