form

help forum sdz

by GCyrillus

HTML

<form action="" method="post" id="Vos_films">
   <fieldset>
       <legend>
               Choix dans la liste
       </legend>
           <label for="input-1"><input type="checkbox" value="aaa" id="input-1" /> 1</label>
           <label for="input-2"><input type="checkbox" value="aaa" id="input-2" /> 2</label>
           <label for="input-3"><input type="checkbox" value="aaa" id="input-3" /> 3</label>
           <label for="input-4"><input type="checkbox" value="aaa" id="input-4" /> 4</label>
           <label for="input-5"><input type="checkbox" value="aaa" id="input-5" /> 5</label>
           <label for="input-6"><input type="checkbox" value="aaa" id="input-6" /> 6</label>
           <label for="input-7"><input type="checkbox" value="aaa" id="input-7" /> 7</label>
           <label for="input-8"><input type="checkbox" value="aaa" id="input-8" /> 8</label> 
           <label for="input-9"><input type="checkbox" value="aaa" id="input-9" /> 9</label>
           <label for="input-10"><input type="checkbox" value="aaa" id="input-10" /> 10</label>
           <label for="input-11"><input type="checkbox" value="aaa" id="input-11" /> 11</label>
           <label for="input-12"><input type="checkbox" value="aaa" id="input-12" /> 12</label>
           <label for="input-13"><input type="checkbox" value="aaa" id="input-13" /> 13</label>
           <label for="input-14"><input type="checkbox" value="aaa" id="input-14" /> 14</label>
           <label for="input-15"><input type="checkbox" value="aaa" id="input-15" /> 15</label>
           <label for="input-16"><input type="checkbox" value="aaa" id="input-16" /> 16</label>
           <label for="input-17"><input type="checkbox" value="aaa" id="input-17" /> 17</label>
           <label for="input-18"><input type="checkbox" value="aaa" id="input-18" /> 18</label> 
           <label for="input-19"><input type="checkbox" value="aaa" id="input-19" /> 19</label>
           <label for="input-20"><input type="checkbox" value="aaa"...

CSS

label , fieldset > input[type="submit"] {float:left;width:125px;background:#def;margin:2px;}
fieldset > :nth-child(3n+2) {clear:left;background:#cde}

/* extra */
form {display:table;margin:auto;}
legend {text-align:center;margin-left:131px;background:turquoise;box-shadow: 0 0 3px #159,tomato 0 0 0 5px;}
label {box-shadow:tomato 0 0  0 5px;}
form fieldset input[type="submit"] {background:#cde linear-gradient(0deg, #abc,#def);border:1px solid #48a;box-shadow: 0 0 3px #159,tomato 0 0 0 5px;cursor:pointer;height:1.6em;}