<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Text input--> <div class="control-group"> <label class="control-label" for="nom_produit">Nom de produit *</label> <div class="controls"> <input id="nom_produit" name="nom_produit" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="code_produit">Code de produit *</label> <div class="controls"> <input id="code_produit" name="code_produit" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="prix_produit">Prix *</label> <div class="controls"> <input id="prix_produit" name="prix_produit" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="style_produit">Style *</label> <div class="controls"> <select id="style_produit" name="style_produit" class="input-medium"> <option>Casuel</option> <option>Classique</option> <option>Sportive</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="style_produit">Materiel *</label> <div class="controls"> <select id="style_produit" name="style_produit" class="input-medium"> <option>Cuir</option> <option>Metal</option> <option>synthetique</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="os_produit">OS *</label> <div class="controls"> <select id="os_produit" name="os_produit" class="input-medium"> <option>IOS</option> <option>Android</option> </select> </div> </div> <!-- Multiple Checkboxes --> <div class="control-group"> <label class="control-label" for="specifications_produit">Spécifications</label> <div class="controls"> <label class="checkbox" for="specifications_produit-0"> <input type="checkbox" name="specifications_produit" id="specifications_produit-0" value="WaterProof"> WaterProof </label> <label class="checkbox" for="specifications_produit-1"> <input type="checkbox" name="specifications_produit" id="specifications_produit-1" value="Hautparleur"> Hautparleur </label> <label class="checkbox" for="specifications_produit-2"> <input type="checkbox" name="specifications_produit" id="specifications_produit-2" value="TouchScreen"> TouchScreen </label> <label class="checkbox" for="specifications_produit-3"> <input type="checkbox" name="specifications_produit" id="specifications_produit-3" value="Microphone"> Microphone </label> <label class="checkbox" for="specifications_produit-4"> <input type="checkbox" name="specifications_produit" id="specifications_produit-4" value="Camera"> Camera </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="description_produit">Description de produit *</label> <div class="controls"> <textarea id="description_produit" name="description_produit"></textarea> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="coleur">Coleur</label> <div class="controls"> <input id="coleur" name="coleur" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="poids_produit">Poids</label> <div class="controls"> <input id="poids_produit" name="poids_produit" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="longeur_produit">Longeur</label> <div class="controls"> <input id="longeur_produit" name="longeur_produit" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="largeur_produit">Largeur</label> <div class="controls"> <input id="largeur_produit" name="largeur_produit" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- Password input--> <div class="control-group"> <label class="control-label" for="resolution_camera_produit">Resolution camera</label> <div class="controls"> <input id="resolution_camera_produit" name="resolution_camera_produit" type="password" placeholder="" class="input-small" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="resolution_ecran_produit">Resolution écran</label> <div class="controls"> <input id="resolution_ecran_produit" name="resolution_ecran_produit" type="text" placeholder="" class="input-small" required=""> </div> </div> <!-- File Button --> <div class="control-group"> <label class="control-label" for="image-01_produit">Image de produit - 01 *</label> <div class="controls"> <input id="image-01_produit" name="image-01_produit" class="input-file" type="file"> </div> </div> <!-- File Button --> <div class="control-group"> <label class="control-label" for="image-02_produit">Image de produit - 02 *</label> <div class="controls"> <input id="image-02_produit" name="image-02_produit" class="input-file" type="file"> </div> </div> <!-- File Button --> <div class="control-group"> <label class="control-label" for="image-03_produit">Image de produit - 03 *</label> <div class="controls"> <input id="image-03_produit" name="image-03_produit" class="input-file" type="file"> </div> </div> <!-- Button --> <div class="control-group"> <label class="control-label" for="singlebutton"></label> <div class="controls"> <button id="singlebutton" name="singlebutton" class="btn btn-info">Button</button> </div> </div>