quinta-feira, 15 de julho de 2010

HTML 5 Formulários - Novos Elementos do Formulário

Ainda nos formulários, para melhorar a estrutura foram implementados novos elementos, no entanto, por enquanto quase nenhum browser os suporta correctamente:

- Keygen: este elemento consiste em proporcionar de uma forma segura a autenticação de utilizadores. Este elemento é um key-pair generator, ou seja, quando o formulário é submetido, são geradas duas chaves, uma pública e uma privada. A chave privada é armazenada no cliente e a chave publica é enviada para o servidor. Esta pode ser utilizada para gerar um client certificate para autenticar o utilizador no futuro. No entanto, neste momento os browsers não têm suporte suficiente para que este elemento funcione correctamente.

Exemplo de utilização:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>

/*****************************************************************/

- Output: especifica o resultado de um cálculo, por exemplo, efectuado por algum script.

Exemplo de utilização:
<output id="result" onforminput="resCalc()"></output>

Experimente

/*****************************************************************/

- Meter: Este elemento é utilizado para medição, através de um valor minimo e máximo, ou seja, especifica uma medição dentro de um intervalo pré-definido.

Exemplo de utilização:
<meter min="0" max="10">2</meter><br />
<meter>2 out of 10</meter><br />
<meter>20%</meter>

Experimente

/*****************************************************************/


- Progress:
define work-in-progress. É utilizado para medir o progresso de uma tarefa especifica. Por exemplo, se lhe faltarem 5 página para terminar um inquerito, é possivel o utilizador ver o elemento de progresso nessa área.

Exemplo de utilização:
<progress id="p" max=100>0% </progress>

Experimente

/*****************************************************************/

Browser Support

Sem comentários:

Enviar um comentário