form.html

		<!-- Button to trigger modal -->
		<a href="#myModal" class="btn btn-primary" data-toggle="modal">
			<fmt:message key="cadastros.produto.cadastrar"/>
		</a>
		
		<br/>
		<br/>
		
		<!-- Modal -->
		<div id="myModal" class="modal hide fade" tabindex="-1" > <!-- role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" -->
		 	<div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" >×</button>
		    <h4 id="myModalLabel"><fmt:message key="cadastros.produto.cadastrar"/> </h4>
		  </div>
		  
		<form class="form-horizontal" method="post" action="<c:url value='/cadastros/produto/salvar/'/>">
			 <input type="hidden" name="produto.id" value="${produto.id}" /> 
			<div class="control-group">
				<label class="control-label" for="codigo">
					<fmt:message key="cadastros.produto.codigo" />:
				</label> 
				<div class="controls">
					<input type="text" id="codigo" name="produto.codigo" placeholder="Campo obrigatório, exemplo 1335" required/>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="descricao">
					<fmt:message key="cadastros.produto.descricao" />:
				</label> 
				<div class="controls">
					<input type="text" id="descricao" name="produto.descricao" placeholder="Campo obrigatório, fechadura" required/>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="categoria">
					<fmt:message key="cadastros.produto.categoria" />:
				</label> 
				<div class="controls">
					<select id="categorias" name="produto.categoria" required>
						<c:forEach items="${categorias}" var="c">
								<option value="${c.id}" >${c.descricao}</option>
						</c:forEach>
					</select>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="cores">
					<fmt:message key="cadastros.produto.cores" />:
				</label> 
				<div class="controls">
					<select multiple="multiple" id="cores" name="produto.cores" required>
						<c:forEach items="${cores}" var="cores">
								<option value="${cores.id}">${cores.descricao}</option>
						</c:forEach>
					</select>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="valor">
					<fmt:message key="cadastros.produto.valor" />:
				</label> 
				<div class="controls">
					<!-- <div class="input-append">
					  <input class="span2" id="valor" type="text" name="produto.valor">
					  <span class="add-on">.00</span>
					</div> -->
					<input type="text" id="valor" name="produto.valor"  required/>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<label class="checkbox" >
						<fmt:message key="cadastros.produto.destaque" />
						<input type="checkbox" id="destaque" name="produto.destaque" />
					</label>
					<label class="checkbox" >
						<fmt:message key="cadastros.produto.ativo"  />
						<input type="checkbox" id="ativo" name="produto.ativo" checked="checked" />
					</label>
					
					<legend>Fotos</legend>
	    			<input type="file" name="imagem" />
				</div>
			
				
			<div class="control-group">
				
				
				<label class="control-label" for="descricao">
					<fmt:message key="cadastros.produto.descricao" />:
				</label> 
				<div class="controls">
					<textarea name="produto.especificacoes" rows="3" placeholder="descrição tecnica do produto" ></textarea>
				</div>
			</div>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" ><fmt:message key="cadastros.fechar"/></button>
		    	<button type="submit" class="btn btn-primary"><fmt:message key="cadastros.salvar"/></button>
			</div>
		 </form>
		  
		</div>