Capítulo 13

Métodos do objeto input - Exemplo 2

JavaScript

<script type="text/javascript">
window.onload = function () {
var el, foco, seleciona; 
	el = document.getElementsByTagName("input");
	foco = document.getElementById("foco");
	seleciona = document.getElementById("seleciona");
		foco.onclick = function() {
			el["nome"].focus();
		}
		
		seleciona.onclick = function() {
			el["data"].select();
		}
}
<script>

HTML

...
<form action="" method="post">
<fieldset>
<legend>Formulário com input</legend>
<label for="nome">Nome:</label><br />
<input type="text"  name="nome" /><br />
<label for="data:">Data:</label><br />
<input type="text"  name="data" value="dd/mm/aaaa" /><br />
</fieldset>
</form>

<button type="button" id="foco">Dar o foco</button>
<button type="button" id="seleciona">Selecionar</button>
...
Formulário com input