<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Formulario Postulación a Taller de Voz Hablada y Canto</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nombre Completo">Nombre Completo</label> <div class="col-md-4"> <input id="Nombre Completo" name="Nombre Completo" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RUT">RUT</label> <div class="col-md-4"> <input id="RUT" name="RUT" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Fecha Nacimiento">Fecha Nacimiento</label> <div class="col-md-4"> <input id="Fecha Nacimiento" name="Fecha Nacimiento" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Edad ">Edad </label> <div class="col-md-4"> <input id="Edad " name="Edad " type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nacionalidad">Nacionalidad</label> <div class="col-md-4"> <input id="Nacionalidad" name="Nacionalidad" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Teléfono">Teléfono</label> <div class="col-md-4"> <input id="Teléfono" name="Teléfono" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="E-mail">E-mail</label> <div class="col-md-4"> <input id="E-mail" name="E-mail" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Escuela de donde egreso">Escuela de donde egreso</label> <div class="col-md-4"> <input id="Escuela de donde egreso" name="Escuela de donde egreso" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Estudios de voz cantada">Estudios de voz cantada</label> <div class="col-md-4"> <textarea class="form-control" id="Estudios de voz cantada" name="Estudios de voz cantada"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Estudios de voz hablada">Estudios de voz hablada</label> <div class="col-md-4"> <textarea class="form-control" id="Estudios de voz hablada" name="Estudios de voz hablada"></textarea> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="Experiencia con el ámbito vocal">Experiencia con el ámbito vocal</label> <div class="col-md-4"> <div class="input-group"> <input id="Experiencia con el ámbito vocal" name="Experiencia con el ámbito vocal" class="form-control" placeholder="" type="text"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Seleccione <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Concierto</a></li> <li><a href="#">Coro</a></li> <li><a href="#">Instrumento musical</a></li> <li><a href="#">Recitales</a></li> <li><a href="#">Otra</a></li> </ul> </div> </div> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Descripción de otra">Descripción de otra</label> <div class="col-md-4"> <textarea class="form-control" id="Descripción de otra" name="Descripción de otra"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Describir en pocas palabras su interés por el Seminario de técnica vocal">Describir en pocas palabras su interés por el Seminario de técnica vocal</label> <div class="col-md-4"> <textarea class="form-control" id="Describir en pocas palabras su interés por el Seminario de técnica vocal" name="Describir en pocas palabras su interés por el Seminario de técnica vocal"></textarea> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Adjuntar Imagen Personal (no debe pesar mas de 1 mb)">Adjuntar Imagen Personal (no debe pesar mas de 1 mb)</label> <div class="col-md-4"> <input id="Adjuntar Imagen Personal (no debe pesar mas de 1 mb)" name="Adjuntar Imagen Personal (no debe pesar mas de 1 mb)" class="input-file" type="file"> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Enviar">Enviar</label> <div class="col-md-4"> <button id="Enviar" name="Enviar" class="btn btn-primary">Enviar</button> </div> </div> </fieldset> </form>