Scorpion: Frage HTML, CSS Häckenkästchen

Beitrag lesen

SELF-Forum

Frage HTML, CSS Häckenkästchen

Scorpion
– Informationen zu den Bewertungsregeln

@@Gunnar Bittersmann

Meinst Du so:

<body>
    <div class="Buch">
        <h1>Checkliste / Fortschrittsprozess </h1>
        <div class="kapitel1"> <h2>Kapitel 1</h2>
            <h3> 7 Verse</h3>
                <div class="layout">
                    <input id="confirm1.1" type="checkbox" class="box"/><label for="confirm">1</label>
                    <input id="confirm1.2" type="checkbox" class="box"/><label for="confirm">2</label>
                    <input id="confirm1.3" type="checkbox" class="box"/><label for="confirm">3</label>
                    <input id="confirm1.4" type="checkbox" class="box"/><label for="confirm">4</label>
                    <input id="confirm1.5" type="checkbox" class="box"/><label for="confirm">5</label>
                    <input id="confirm1.6" type="checkbox" class="box"/><label for="confirm">6</label>
                    <input id="confirm1.7" type="checkbox" class="box"/><label for="confirm">7</label>

                </div>
        </div>
        <div class="kapitel2"> <h2> Kapitel 2</h2> 
            <h3>(10 Verse)</h3>
                <div class="layout">
                    <input id="confirm2.1" type="checkbox" class="box"/><label for="confirm">1</label>
                    <input id="confirm2.2" type="checkbox" class="box"/><label for="confirm">2</label>
                    <input id="confirm2.3" type="checkbox" class="box"/><label for="confirm">3</label>
                    <input id="confirm2.4" type="checkbox" class="box"/><label for="confirm">4</label>
                    <input id="confirm2.5" type="checkbox" class="box"/><label for="confirm">5</label>
                    <input id="confirm2.6" type="checkbox" class="box"/><label for="confirm">6</label>
                    <input id="confirm2.7" type="checkbox" class="box"/><label for="confirm">7</label>
                    <input id="confirm2.8" type="checkbox" class="box"/><label for="confirm">8</label>
                    <input id="confirm2.9" type="checkbox" class="box"/><label for="confirm">9</label>
                    <input id="confirm2.10" type="checkbox" class="box"/><label for="confirm">10</label>

                </div>

// ist das die Art die Du meintest?

Und zu Deiner Frage: Irgendwann eventuell serverseitig, aber zurzeit eher clientseitig.

Auch, dass ich zum Beispiel den Freunden auch solch eine Checkliste schicken kann, damit sie ihren eigenen Fortschritt messen und speichern können. Aber auf erster Linie vorallem nur für mich.

Bei JavaScript kenn ich mich leider auch noch nicht so gut aus. Könntest Du mir da auch helfen?

Beitrag melden
–
Informationen zu den Bewertungsregeln