HTML5 - Formulários e Funções

Falar um pouco mais sobre HTML5, Formulários e algumas Funções

Vim falar hoje um pouco mais sobre HTML5

Tag INPUT

Começando pela tag INPUT, que antes aceitava tipos limitados de entradas. Agora ela inclui novos tipos de entradas. São eles:

• search - para pesquisas;
• number - são setas para aumentar e diminuir números, limitando número máximo e mínimo;
• range - botão deslizante;
• color - mostra uma paleta de cores;
• tel - números de telefones;
• url - endereço de url;
• email - endereço de e-mail;
• date/month/week - mostra no campo um calendário que permite navegar entre meses e anos;
• time - para mostrar a hora;
• datetime - configura data e hora;
• datetime-local - data e hora local.

Muitos desses campos nos facilitarão e muito o trabalho, como o campo de paleta de cores e datas.

Modo de utilizá-los:

Outra funcionalidade super bacana é o atributo "required", utilizado acima. O HTML5 valida o campo do formulário de acordo com a entrada (caso esteja configurado como tipo "email", ele vai validar o email e, assim, fazer a submissão do formulário.)

Mais funções bacanas:

• Autocomplete: Se setado como "on", ele habilita o autocompletar nos campos. Desabitila, caso "off".
• Autofocus: Foca o campo no carregamento da página.
• Form: Define um ou mais formulários a que o campo pertence. Ex.:
• Formaction: Substitui o atributo forma de ação. Deve ser uma URL válida que define para onde enviar os dados quando o formulário é submetido.
• Formencctype: Substitui atributo enctype do formulário. Define o tipo MIME utilizado para codificar o conteúdo do formulário. Aceita "application/x-www-form-urlencoded", "multipart/form-data" e "text/plain".
• Formmethod: Substitui atributo do formulário método. Define o método HTTP para o envio de dados para o URL de ação. Aceita "get", "post", "put" e "delete".
• Formnovalidate: Substitui atributo "novalidate" no formulário. Se for setado como "true", esse campo não será validado quando for submetido.
• Formtarget: Substitui atributo do formulário de destino. Aceita "blank", "_self", "_parent" e "_top".
• Width e Height: Definem largura e altura do campo do formulário, respectivamente. Podem utilizar medidas em percentagem e pixels. *Apenas para "Image Button".
• Max e Min: Valor máximo e mínimo de um campo de entrada no formulário. Se utilizados juntos, podem criar limites de valores.
• List: Referencia um elemento DataList. Muito bacana. Caso tenha um elemento
• com determinado ID, referencie esse ID e tenha sua lista predefinida. ().
• Multiple: Permite que o usuário selecione mais de um item.
• Pattern: Show de bola. É um "Javascript Pattern". Permite que você crie restrições por expressões regulares. Por exemplo, se deseja que seu campo tenha apenas 11 dígitos numéricos. Ex.:
• Placeholder: Define uma dica para ajudar o usuário a preencher o campo. Ex.:
• Step: Utilizado juntamente com os tipos "datetime", "time", "date", "datetime-local", "month", "week", "number", "range", definindo um intervalo numérico. Ex.: Ou seja, ele vai aceitar valores pares de 0 a 10.

Bom, falei dos novos elementos que podem ser utilizados com a tag INPUT.

Tag TEXTAREA

Vamos falar da tag TEXTAREA. Ela também aceita as novas tags autofocus, form, placeholder, required, explicadas acima. Além dessas, há um novo atributo: WRAP ? que aceita dois valores ? "hard" ou "soft". Se o valor for "hard", então as quebras de linha são adicionados ao valor do atributo "cols". O valor "soft" é o padrão, e não acrescenta quebras de linha.

A tag SELECT aceita os novos atributos "autofocus" e "form".

Lembro que a maioria funciona apenas no Opera 9.5+, algumas funcionalidades no Chrome e Firefox 3.7+. Ainda dependemos muito dos navegadores para que possamos utilizar essas novas funções, que infelizmente não são viáveis para desenvolvimento no momento, mas para um futuro não tão distante.

Então, é bom ir se adaptando, pequeno cowboy!

Abraços e até a próxima!

Organização da Campus Party faz operação "antivaias"

Pela primeira vez desde sua estreia no Brasil, a Campus Party não começou com vaias contra o presidente da Telefônica e o prefeito de São Paulo. Elementar: essa foi a única vez nas três edições em que Antônio Carlos Valente e Gilberto Kassab (DEM) não deram as caras na abertura da festa.




Representantes municipais, estaduais e federais abriram o evento, na noite de segunda-feira (25). Os discursos foram breves.

Os patrocinadores corporativos também foram citados rapidamente, com apenas um gesto de saudação na abertura.

Tanto o prefeito de São Paulo quanto o presidente da Telefônica foram vaiados nas duas últimas edições. (Veja aqui e aqui).

Com o microfone, Marcelo Branco, diretor do evento, enfatizou o "respeito pelos patrocinadores". Um discurso nessa linha não chegou a ser surpreendente para boa parte dos campuseiros, que receberam, no começo da tarde de ontem, um e-mail encabeçado pelo mesmo Marcelo Branco, que pedia "empatia" com aqueles que tornam possível que "o evento exista".

"Nosso evento é muito complicado, com custos de produção enormes, mas a energia da Campus faz com que as instituições políticas, independente de suas siglas, as empresas e os campuseiros tornem possível que o evento exista", dizia o comunicado.

"Sem a participação de 'todos', não seria possível fazer essa festa. Por isso, devemos demonstrar respeito e empatia a todos eles em nossa casa, uma vez que unimos nossos corações para a Campus", completava o texto.

Em um trecho anterior do mesmo documento, a principal patrocinadora é citada: "Uma vez mais, graças à Telefônica, contaremos com uma enorme velocidade na rede, 10 gigas de saída de internet para todos."

A carta pede ainda que os campuseiros agradeçam "a todos que nos ajudam a construir a Campus. Pedimos um aplauso enorme, independente de quem fale, pois é uma pessoa que nos ajudou muito e nós campuseiros sabemos reconhecer quando alguém apoia a rede".

O Procon-SP autuou a Telefônica por panes na telefonia fixa e no serviço de banda larga Speedy no ano passado. A empresa responde a cinco processos administrativos.

Também no ano passado, a Anatel decidiu proibir a Telefônica de vender o Speedy. A suspensão ocorreu por conta da sucessão de falhas no serviço ocorridas entre 2008 e 2009.

Hacker lá, hacker cá

O ex-hacker Kevin Mitnick apareceu na abertura oficial e deu boas-vindas de forma breve, em inglês, aos campuseiros. Mitnick faz palestra amanhã, às 13h.

Ele é considerado uma figura lendária por suas infrações nos anos 90. Chegou a ser preso nos EUA por crimes cibernéticos. Hoje, estará no chamado "Momento Telefônica".

Outra figura conhecida da Campus Party é Vinicius Camacho Pinto, o Vinicius K-Max, que deve comparecer ao Centro de Exposições Imigrantes nesta terça. O programador foi indiciado no ano passado pela Polícia Civil de São Paulo por invadir o site da Telefônica.

Em 2008, uma brincadeira de K-Max impediu o acesso de alguns participantes da festa a sites como Google e YouTube.

Fonte

“Você que manda na sua programação”

“É você que tem que mandar na sua programação”. Esse é o mote da campanha criada pela Y&R para apresentar o novo televisor da LG Eletronics, a Time Machine Digital. A campanha estréia nacionalmente nessa semana e destaca os benefícios do produto: permitir ao consumidor programar até 45 horas de gravação de suas atrações preferidas, ou 13 horas em alta definição.

Para destacar a característica de customização da programação televisiva que o consumidor pode fazer na Time Machine Digital, o filme “Novela Mexicana” começa com as cenas de um rapaz fazendo hora extra ao lado de alguns colegas de trabalho. Repentinamente a sala é invadida por personagens de uma novela mexicana que revelam as cenas emocionantes que ele está perdendo e questionam o porquê dele não estar em casa acompanhando o último capítulo da novela.
No encerramento, o novo televisor é apresentado e a narração complementa: “É você que tem que mandar na sua programação. LG Time Machine Digital, a única que grava sua programação em alta definição, para você assistir quando quiser”.