Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 03 - HTML: Figuras, Tabelas, Listas e Formulários

Caixa de seleção de arquivo (file select)

Caixas de seleção de arquivo são controles que permitem que o usuário procure e selecione um arquivo em seu computador para ser submetido em um formulário. Essas caixas também são criadas pelo elemento input, no qual se deve atribuir o valor “file” para o atributo type. Veja um exemplo na Figura 11.

Botões

Existem 3 tipos de botões:

  • Botões submit – servem para enviar um formulário.
  • Botões reset – servem para incluir em todos os campos seus valores iniciais ou limpar os campos, caso não tenha sido dado nenhum valor inicial para eles.
  • Botões push – servem para associar algum comportamento através de scripts.

Os botões são definidos pela tag <button> ou <input>. Como a tag <button> pode não ser vazia, então é possível incluir figuras nos botões, enquanto que com a tag <input/> apenas um texto pode ser inserido.

A tag <button> pode conter os seguintes atributos: type, para indicar se é do tipo submit, reset ou push; e um name que indicará o nome de controle. O texto que aparece no botão deve ser escrito entre as tags <button> e </button>. Além de texto, pode-se colocar também figuras entre as tags <button> e </button>.

A seguir, há três exemplos de botões: o primeiro contém apenas um rótulo; o segundo contém, além do rótulo, uma figura – ambos foram definidos com o tipo submit; enquanto o terceiro botão foi definido com o tipo reset. Observe que para inserir uma figura no botão deve-se usar a tag <button> ao invés da tag <input>, e é necessário definir um elemento <img> dentro da tag <button>.

 Exemplos de botões

Versão 5.3 - Todos os Direitos reservados