Arquivos do Blog
Tipos de Input – HTML5 e as Novidades no input types
Dando sequência ao artigo onde falávamos sobre os novos tipos da tag input, link aqui. Sabemos que todo site ou sistema, por menor que seja sempre tem um um Input, seja pra fazer uma busca, ou um formulário de contato, entre outras coisas. A tag <input> é então muito utilizada e importante para programadores back-end ou front-end, com a chegada do HTML5 esse componente recebeu algumas atualizações que facilitam as nossas vidas e incluem nativamente alguns testes e estilos pre-definidos. Veremos alguns deles. Leia o resto deste post
Valor padrão em inputs
Artigo rápido hoje. Continuando sobre as novidades sobre o HTML e o elemento INPUT, temos a atributo placeholder, que nada mais é do que um atributo que especifica uma dica curta que descreve o valor esperado de um campo de entrada (por exemplo, um valor de amostra ou uma curta descrição do formato esperado).
A dica é exibida no campo de entrada quando ela está vazia, e desaparece quando o campo recebe o foco.
Nota: O atributo placeholder trabalha com os seguintes tipos de entrada: texto, pesquisa URL, tel, email e senha.
Novos Elementos HTML – Input type: email, url
Como foco principal do HTML 5 é deixar a web mais dinâmica em sua forma mais nativa possível, surge os novos elementos para utilizar nos inputs (campos de entrada de dados do formulário). Antes o mais comum era a utilização do input type=’text’ para quase todos os tipos de entradas de dados, desta forma a validação da informação submetida ficava a critério do Javascript e/ou da linguagem de desenvolvimento. Hoje veremos que não é necessário tal processo. Os Novos Elementos tendem a melhorar a semântica do código gerado e quais são esses elementos? Citarei alguns mas vamos analisar o funcionamento de 2 deles: email e url.
Elemento datalist
Olá novamente, Seguindo com a “apresentação” sobre o HTML5 vamos falar um pouco sobre o novo elemento <datalist>. Com ele podemos especificar uma lista de opções para um campo de entrada, uma espécie de autocompletar. Ele irá mostrar uma lista de elementos predefinidos como opção para um caixa de entrada de texto. Caso o browser não suporte este componente, ele pode exibir os elementos que compõem o datalist em forma de texto simples.
Navegadores com Suporte:
Atualmente, apenas o Firefox e Opera tem suporte ao elemento datalist, podemos usar uma solução alternativa a esta falta de suporte. Vamos aos exemplos, na prática a coisa é melhor. Leia o resto deste post
Tag abbr – Abreviações e siglas
Salve pessoas, antes de iniciar nossa conversa sobre mais uma tag HTML um aviso: O Blog não morreu! Digo isso por que quem me conhece sabe que tenho uma grande dificuldade em manter o foco nesse negócio de blogs e afins. Porém este é diferente, não é para falar sobre o que eu faço (isso é chato), então vamos em frente.
As tags <abbr> são utilizadas para demarcar abreviações e siglas. Este elemento é usados para dar significado adicional ou o real significado de uma sigla a um conteúdo web. Marca-se o conteúdo com um este elemento e acresenta-se o atributo title contendo a informação extra sobre tal assunto.
Por exemplo:
Farei MBA em Gerenciamento de Projetos
A Declaração <!DOCTYPE >
Há quem diga que HTML é sempre HTML, se isto fosse verdade então não estaríamos falando sobre o HTML5. A Declaração de hoje é a <!DOCTYPE>, mas pra que fins essa declaração existe e o que realmente ela faz?
A <!DOCTYPE>NÃO É uma tags HTML, é nada mais que uma instrução para o navegadorweb sobre qual versão do HTML a página está escrita. No HTML 4.01, todos os <! DOCTYPE> requerem uma referência a um DTD¹, porque HTML 4.01 foi baseada em SGML². Vejamos a seguir quais as novidades em relação a essa declaração e sua importância na validação dos documentos.
Comentários – <!– … –>
Não diferente de qualquer linguagem de programação (Não digo que o HTML seja uma) a marcação de comentário sempre será um dos itens mais importantes. Primeiro por que você não tem uma super memória (Não me refiro a todos, mas a maioria) e vai lembrar sempre o que aquele determinado trecho de código vai fazer. Segundo você não é o único desenvolvedor do mundo, alguém pode ter que utilizar o seu código e terá que compreender sem a sua presença.
No HTML não é diferente, apesar de ser uma linguagem de marcação algumas tags podem ser desconhecidas a certa pessoa. Enfim, são várias situações onde a marcação de comentário eh sempre bem vinda. Vamos analisar alguns pontos sobre tal recurso. Leia o resto deste post