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 é concebido para permitir que um programa de modificar uma parte da página dinamicamente.

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 elemento dentro do 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 produto.

  • min: O valor mínimo possível do produto.

  • Alto: Se o valor pode ser definido como um intervalo, isto é o limite superior da gama.

  • baixo: Se o valor pode definido como um intervalo, isto é o limite inferior deste intervalo.

  • ótimo: O valor óptimo do elemento.

o valor, Alto, baixo, e ótimo Os valores devem todos estar entre min e max.

Note-se que o metro elemento é usado para saída um elemento numérico. Usar "alcance"> para introdução de dados numéricos dentro de um intervalo.

Aqui está o código para um simples metro alcance:

UMA

  • saídadestina-se a exibir a saída de texto. Isso indica uma secção da página que podem ser modificadas por um script (normalmente javascript). Neste fragmento de código:

    Este é o valor original

    Quando o botão é pressionado, ele vai chamar a changeOutput () Função javascript, o que poderia ter esta aparência:

     função changeOutput () {var myOutput = document.getElementById ( "myOutput") - myOutput.value = "O valor foi alterado" -} // changeOutput final

    Quando 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 (normalmente marcada como uma porcentagem). Espera-se a 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 medidor visual pode tornar-se disponível.

    • A corrente HTML 5 também inclui um keygen elemento que gera uma chave de encriptação para passar dados cifrados para um servidor. Tem um destes parâmetros:

    • KeyType: Especifica o tipo de criptografia. (rsa é o padrão).

    • desafio: A seqüência passada juntamente com a chave pública. (Isto é normalmente especificado 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 de que um número relativamente pequeno de desenvolvedores da Web possuir. Este elemento não é suportado em qualquer navegador, e pode não se tornar uma parte da norma.

    Semelhante

    menu