Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) SC

Recomendações Avaliadas
6.7 Agrupar campos de formulário.

Recomendações

448 <![CDATA[<fieldset id="fieldset-fieldSetRelacionamento"><dl> <div id="tipo-element" class="formElement formSelect"><div class="label"><label for="tipo" class="optional">Tipo</label> </div> <select name="tipo" id="tipo"> <option value="" label="Todos">Todos</option> <optgroup id="tipo-optgroup-Leis" label="Leis"> <option value="12" label="Emenda à Lei Orgânica">Emenda à Lei Orgânica</option> <option value="1" label="Lei Complementar">Lei Complementar</option> <option value="10" label="Lei Delegada">Lei Delegada</option> <option value="2" label="Lei Ordinária">Lei Ordinária</option> <option value="3" label="Lei Orgânica">Lei Orgânica</option> </optgroup> <optgroup id="tipo-optgroup-Executivo" label="Executivo"> <option value="4" label="Decreto Executivo">Decreto Executivo</option> <option value="11" label="Instrução Normativa">Instrução Normativa</option> <option value="5" label="Portaria Executiva">Portaria Executiva</option> <option value="6" label="Resolução Executiva">Resolução Executiva</option> </optgroup> </select></div> <div id="numero-element" class="formElement formText"><div class="label"><label for="numero" class="optional">Número</label> </div> <input type="text" name="numero" id="numero" value="" /></div> <div id="ano-element" class="formElement formText"><div class="label"><label for="ano" class="optional">Ano</label> </div> <input type="text" name="ano" id="ano" value="" maxlength="4" size="5" /></div> <div id="data-element" class="formElement formPeriodo"><div class="label"><label for="data" class="optional">Data de Publicação</label> </div> <span id="data"><script type="text/javascript"> jQuery(function($) { $('#ini_data').datepicker( { showOn: "both", buttonImage: "/images/calendar.png", buttonImageOnly: true, numberOfMonths: 1, dateFormat: 'dd/mm/yy', beforeShow: function() { var selectedDate = $('#fim_data').datepicker( "getDate" ); if( selectedDate != null ) { $(this).datepicker( "option", "maxDate", selectedDate ); } }, } ); $('#ini_data').mask('99/99/9999'); }); </script> <input type="text" name="ini_data" id="ini_data" value="" maxDate="" minDate="" rangeTo="" rangeFrom="fim_data" format="d/m/Y" dataPickerFormat="dd/mm/yy" dataMask="99/99/9999" /> à <script type="text/javascript"> jQuery(function($) { $('#fim_data').datepicker( { showOn: "both", buttonImage: "/images/calendar.png", buttonImageOnly: true, numberOfMonths: 1, dateFormat: 'dd/mm/yy', beforeShow: function() { var selectedDate = $('#ini_data').datepicker( "getDate" ); if( selectedDate != null ) { $(this).datepicker( "option", "minDate", selectedDate ); } }, } ); $('#fim_data').mask('99/99/9999'); }); </script> <input type="text" name="fim_data" id="fim_data" value="" maxDate="" minDate="" rangeTo="ini_data" rangeFrom="" format="d/m/Y" dataPickerFormat="dd/mm/yy" dataMask="99/99/9999" /></span> </div> <div id="palavraChave-element" class="formElement formText"><div class="label"><label for="palavraChave" class="optional">Palavra-Chave</label> </div> <input type="text" name="palavraChave" id="palavraChave" value="" /></div> <input type="submit" name="salvar" id="salvar" value="Buscar" class="salvar" /></dl></fieldset>]]>