Com HTML5:
Formulário principal:
<form id="search_form" method="post" action="">
<input type="text" name="search_query" />
<input type="submit" />
</form>
Complemento do formulário (em outro local da página):
<div id="search_filter">
Upload date:<br/>
<input type="radio" name="upload_date" value="any" form="search_form" /> Any time<br/>
<input type="radio" name="upload_date" value="month" form="search_form" /> This month<br/>
<input type="radio" name="upload_date" value="year" form="search_form" /> This year<br/>
</div>
Veja a propriedade form
das tags input
, ela indica que aquela tag input
pertence ao formulário de cima, mesmo que ela não esteja dentro dele.
Sem HTML5 (Com Javascript)
Formulário principal:
<form id="search_form" method="post" action="">
<input type="text" name="search_query" />
<input type="submit" />
<input type="hidden" name="upload_date" />
</form>
Repare no campo upload_date
como hidden
.
Complemento do formulário (em outro local da página):
<div id="search_filter">
Upload date:<br/>
<input type="radio" name="upload_date" value="any" /> Any time<br/>
<input type="radio" name="upload_date" value="month" /> This month<br/>
<input type="radio" name="upload_date" value="year" /> This year<br/>
</div>
Código Javascript:
$("#search_filter > input[name=upload_date]").change(function() {
var $update = $("#search_form > input[name=upload_date]"),
value = $(this).prop("value");
$update.prop("value",value);
});
Sempre que um radio
dentro da div#search_filter
é alterado ele atualiza o valor do upload_date
que está escondido dentro do formulário original. Só é um pouco mais trabalhoso mapear estes eventos dos elementos que estão fora do formulário para os verdadeiros que estão dentro.
SELECT * FROM tabela1 WHERE tabela1.nome LIKE '%php%' AND TIMESTAMPDIFF(MINUTE,tabela1.tempo,NOW()) < 60
. Isto seria uma pesquisa com a palavra "php" e na última hora