Formulários HTML5 - Novos tipos de dados - Parte 2

Índice

No tutorial anterior começamos com as novidades do HTML5 no tratamento de dados de formulários. Continuaremos explicando algumas outras funcionalidades que nos permitirão economizar muito tempo de desenvolvimento.
O atributo obrigatório:
O atributo obrigatório ou obrigatório em um elemento será definido como a, e automaticamente obrigará o usuário a preencher o campo para continuar, ou seja, o navegador não permitirá que o formulário seja enviado sem a entrada com este atributo vazio.
 Nome: 

O atributo obrigatório funciona com os tipos de entrada: texto, pesquisa, url, tel, e-mail, senha, selecionadores de data, número, caixa de seleção, rádio e arquivo.
Ele pode ser combinado com jquery.validate.js para ser capaz de configurar mensagens de resposta e eventos a serem executados. Podemos ver um exemplo no tutorial Validar com Jquery
Um dos maiores problemas com HTML5 é que nem todos os elementos são compatíveis com os navegadores atuais, então devemos verificar quais são compatíveis e quais não são antes de fazer nosso desenvolvimento e não nos surpreender que o que queremos usar depois não funcione .
No link a seguir, podemos verificar a compatibilidade do HTML5 com os navegadores, podemos ver um gráfico completo para determinar se o que queremos usar funciona ou não. De acordo com o elemento ou rótulo a ser usado
Armazenamento de dados ou webstorage com HTML5
Com HTML5, as páginas da web podem armazenar dados localmente no navegador do usuário.
Antes, isso era feito com cookies. No entanto, o armazenamento na Web é mais seguro e rápido. Os dados não são incluídos em todas as solicitações do servidor, mas são usados ​​apenas quando solicitados. Também é possível armazenar grandes quantidades de dados, sem afetar o desempenho da página da web.
Uma das grandes vantagens deste método de armazenamento é que nos permite ter dados seguros e, entre outras coisas, dá-nos grandes possibilidades de trabalhar com páginas e aplicações que funcionam offline, sem acesso à Internet.
Os dados são armazenados em pares nome> valor, e uma página da web pode acessar os dados armazenados apenas por si mesma.
Ao contrário dos cookies, o limite de armazenamento é muito maior, funciona como um banco de dados local.
Você pode ter 2 tipos de armazenamento
  • Armazenamento local: Os dados armazenados não têm data de validade, permanecerão disponíveis indefinidamente (o objeto localStorage é usado)
  • Armazenamento de sessão: Os dados armazenados só ficarão disponíveis durante a sessão de navegação, ao ser encerrada irão desaparecer (é utilizado o objeto sessionStorage)
Exemplo simples de armazenamento de dados
 Armazenamento de dados Armazenamento na Web Será salvo localmente:
Ele será salvo em uma sessão:Salvar Recuperar
Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo
wave wave wave wave wave