3
FORMULÁRIOS HTML 1.Elemento form Atribruto id, action, method e enctype Valor action - Endereço da aplicação para onde o formulário e seus dados serão enviados, method - Método utilizado para envio do formulário, enctype - Tipo de codificação dos dados do formulário. 2.Elemento label Atribruto accesskey, for Valor accesskey - Caractere correspondente à tecla de atalho para acesso ao elemento, for - Associa o rótulo ao controle indicado (usando seu parâmetro id). 3.Elemento input Atribruto type, id, name, accesskey, alt, checked, disabled, maxlength, readonly, size, src, tabindex, value, max, min, step. Valor type - Tipo do controle (text = caixa de texto de uma única linha | password = funciona como text, mas os caracteres digitados serão representados por asteriscos ('*') | checkbox = caixa de verificação/confirmação (permite seleções múltiplas) | button = botão | radio = botão de opção (não permite seleções múltiplas) | submit = botão para enviar os dados do form | reset = botão para restaurar o conteúido original do form | file = controle de seleção de arquivos | hidden = controle oculto | image = funciona como submit mas utiliza uma imagem). name - Nome do controle que o identifica ao enviar o formulário, accesskey - Caractere correspondente à tecla de atalho para acesso ao element, alt - Texto alternative, checked - Indica que um 'checkbox' ou um 'radio' estará previamente marcado, disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele, maxlength - Número máximo de caracteres que o usuário pode inserir em um campo 'text' ou 'password’, readonly - Indica que o controle será utilizado somente para leitura, impedindo alterações em seus valores, size - Tamanho inicial do controle (Pode ser expresso em pixels. Quando type="password" ou type="text" o tamanho indica o número de caracteres),

AULA 3 - Formulários html

Embed Size (px)

DESCRIPTION

Formulários html

Citation preview

Page 1: AULA 3 - Formulários html

FORMULÁRIOS HTML

1.Elemento – form

Atribruto – id, action, method e enctype

Valor – action - Endereço da aplicação para onde o formulário e seus dados serão enviados,

method - Método utilizado para envio do formulário, enctype - Tipo de codificação dos dados

do formulário.

2.Elemento – label

Atribruto – accesskey, for

Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao elemento, for

- Associa o rótulo ao controle indicado (usando seu parâmetro id).

3.Elemento – input

Atribruto – type, id, name, accesskey, alt, checked, disabled, maxlength, readonly, size,

src, tabindex, value, max, min, step.

Valor – type - Tipo do controle (text = caixa de texto de uma única linha | password = funciona

como text, mas os caracteres digitados serão representados por asteriscos ('*') | checkbox =

caixa de verificação/confirmação (permite seleções múltiplas) | button = botão | radio = botão de

opção (não permite seleções múltiplas) | submit = botão para enviar os dados do form | reset =

botão para restaurar o conteúido original do form | file = controle de seleção de arquivos |

hidden = controle oculto | image = funciona como submit mas utiliza uma imagem).

name - Nome do controle que o identifica ao enviar o formulário, accesskey - Caractere

correspondente à tecla de atalho para acesso ao element, alt - Texto alternative, checked -

Indica que um 'checkbox' ou um 'radio' estará previamente marcado, disabled - Desabilita o

controle de modo que o usuário não poderá interagir com ele, maxlength - Número máximo de

caracteres que o usuário pode inserir em um campo 'text' ou 'password’, readonly - Indica que

o controle será utilizado somente para leitura, impedindo alterações em seus valores, size -

Tamanho inicial do controle (Pode ser expresso em pixels. Quando type="password" ou

type="text" o tamanho indica o número de caracteres),

Page 2: AULA 3 - Formulários html

src - Quando type=”image”, indica a localização da imagem, tabindex - Ordem de navegação

na página quando se utiliza a tecla TAB, value - Valor previamente definido, max - O atributo

max especifica o valor máximo de um elemento <input>, min - O atributo min especifica

o valor mínimo para um elemento <input>, step - O atributo step pode ser usado junto

com o Max e atributos min para criar uma faixa de valores legais.

4.Elemento – select

Atribruto – id, multiple, disable, size, tabindex

Valor – multiple - Habilita a seleção com múltiplas opções, disable – Desabilita o controle de

modo que o usuário não poderá interagir com ele, size - Número de linhas em que as opções

serão visíveis no controle, tabindex - Ordem de navegação na página quando se utiliza a tecla

TAB.

5.Elemento – option

Atribruto – value, selected, label, disabled

Valor – value - Valor correspondente à opção e que será atribuído ao controle, selected -

Opção selecionada previamente, label - Rótulo vinculado à opção, disabled - Desabilita o

controle de modo que o usuário não poderá interagir com ele

6.Elemento – optgroup

Atribruto – disabled, label

Valor – disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele,

label - Rótulo com legenda para o grupo de opções.

7.Elemento – textarea

Atribruto – id, tabindex, accesskey, cols, rows, readonly

Valor – tabindex - Ordem de navegação na página quando se utiliza a tecla TAB, accesskey -

Caractere correspondente à tecla de atalho para acesso ao element, cols - Número de colunas

para a área de inserção de texto (uma coluna corresponde ao tamanho médio de um

caractere), rows - Número de linhas para a área de inserção de texto, readonly - Indica que o

controle será utilizado somente para leitura, impedindo alterações em seus valores.

Page 3: AULA 3 - Formulários html

8.Elemento – button

Atribruto – id, accesskey, disabled, tabindex, type, value

Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao element,

disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele, tabindex

- Ordem de navegação na página quando se utiliza a tecla TAB, type - Tipo do botão

(button:genérico; submit: para envio do formulário, submetendo os dados; ou reset: para

restaurar o conteúdo original do formulário), value - Valor previamente definido.

9.Elemento – fieldset

10.Elemento – legend

Atribruto – accesskey

Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao element.