Novos elementos de formulário em html5
HTML5 introduz uma série de novos elementos de formulário com novas capacidades. Um subconjunto notável destes elementos de formulário foi concebido para permitir um programa modificar uma parte da página dinamicamente.
Conteúdo
- Video: video aula html 5 - novos inputs e novos elementos para formulários - seminário 7º bsi feuc
- Video: curso de html5 - aula 20 - formulários (input types: file, hidden, search, url, tel)
- Video: html5 - aula 03 - layout/posicionamento básico dos novos elementos
- Video: curso de html5 - trabalhando com formulários (aula 10)
Aqui estão os novos elementos de formulário eo que você pode fazer com eles:
datalist permite anexar uma lista de sugestões para um elemento de entrada de texto. Assim que o usuário começa a digitar no campo de texto, a lista de sugestões aparece e o usuário pode escolher entre as sugestões com o mouse. Exemplo de código para um campo de nome:
Opera atualmente é o único navegador que suporta este elemento, embora você pode usar o no interior do elemento datalist objeto para obter navegadores não-apoio para exibir seu código.
metro indica um valor numérico que cai dentro de uma faixa. A tag suporta um número de atributos:
valor: Se você não especificar um valor, o primeiro valor numérico dentro do
par torna-se o valor. max: O valor máximo possível do item.
min: O valor mínimo possível do item.
Video: Video Aula HTML 5 - Novos Inputs e Novos Elementos para Formulários - Seminário 7º BSI FEUC
Alto: Se o valor pode ser definido como um intervalo, isto é o limite superior do intervalo.
baixo: Se o valor pode definido como um intervalo, isto é a extremidade baixa do que a gama.
ótimo: O valor óptimo do elemento.
o valor, Alto, baixo, e ótimo valores devem todos estar entre min e max.
Video: Curso de HTML5 - Aula 20 - Formulários (Input Types: File, Hidden, Search, URL, Tel)
Note-se que o metro elemento é usado para saída um elemento numérico. Usar “alcance“gt; para introdução de dados numéricos dentro de um intervalo.
Aqui está o código para um simples metro alcance:
UMA
Video: HTML5 - Aula 03 - Layout/Posicionamento básico dos novos elementos
saídadestina-se a exibir a saída de texto. Ele indica uma seção da página que pode ser modificada por um script (normalmente javascript). Neste fragmento de código:
Quando o botão é pressionado, ele vai chamar a changeOutput () Função javascript, o que poderia ser assim:
Video: Curso de HTML5 - Trabalhando com formulários (Aula 10)
funcionar changeOutput () {var myOutput = document.getElementById ("myOutput") = -myOutput.value "O valor foi alterado"-} // changeOutput finalQuando esta função é executado, ele altera o conteúdo do myOutput.
o saída elemento é atualmente suportado apenas pelo Opera. Até o uso deste elemento torna-se mais difundida, você pode usar o innerHTML atributo de qualquer elemento de página para alterar o seu conteúdo de forma dinâmica através de código.
indica o quanto de uma tarefa foi concluída (muitas vezes marcado como um percentual). Espera-se que ser modificado através de código javascript. O código HTML5 pode ser parecido com:
Agora destruir o mundo.
progresso:
A maioria dos navegadores indicar o progresso como texto simples, mas é razoável supor algum tipo de indicador visual pode tornar-se disponível.
A corrente HTML5 também inclui um keygen elemento que gera uma chave de criptografia para passar dados criptografados para um servidor. Tem um destes parâmetros:
Tipo de chave: Especifica o tipo de criptografia. (rsa é o padrão).
desafio: Uma seqüência de caracteres passada juntamente com a chave pública. (Isto é normalmente especificada pelo servidor.)
No entanto, alguns especialistas em segurança considera o mecanismo de criptografia já obsoleto, e uso da ferramenta requer o conhecimento de criptografia que um número relativamente pequeno de desenvolvedores da Web possuir. Este elemento não é suportado em qualquer navegador, e não pode se tornar uma parte da norma.