Capítulo 13

Propriedades do objeto form - Exemplo 3

JavaScript

<script type="text/javascript">
window.onload = function () {
var el, msg, mensagem, btnReset, btnSubmit ;
	el = document.getElementsByTagName("form").form1;
	btnReset = document.getElementById("reset");	
	btnSubmit = document.getElementById("submit");	

	btnReset.onclick	= function() {
		el.reset();
	}

	btnSubmit.onclick	= function() {
		el.submit();
	}
}
<script>

HTML

...
<form name="form1" action="http://livrojavascript.com.br" method="post" target="_blank">
<fieldset>
<legend>Formulário 1</legend>
<label for="nome">Nome:</label><br />
<input type="text" name="nome" id="nome" accept="text/plain" /><br /><br />
<label for="cidade">Cidade:</label><br />
<select title="Selecione uma cidade" name="cidade" id="cidade">
<option value="">Escolha uma cidade</option>
<option value="rio">Rio de Janeiro</option>
<option value="sp">São Paulo</option>
</select><br /><br />
<label for="senha">Senha:</label><br /> 
<input type="password" name="senha" id="senha" /><br /><br />
<input type="submit" value="Enviar" />
</fieldset>
</form>

<button type="button" id="reset">Reset</button>
<button type="button" id="submit">Submit</button>
...
Formulário 1