Home  Fórum  Sobre  Contato 

Informações

Você está vendo Tornar o texto de um radio/checkbox clicavel. Você pode deixar um comentário ou um trackback esse post
Há 3 comentários.

January 2008
M T W T F S S
« Dec   Feb »
 123456
78910111213
14151617181920
21222324252627
28293031  

Pginas

  • Contato
  • sitemap
  • Sobre

Categorias

  • ClubePC (13)
  • Desenvolvimento (37)
    • AJAX (2)
    • HTML-CSS (15)
    • Javascript (5)
    • Jquery (1)
    • MySQL (7)
    • PHP (18)
      • Aprendendo PHP (6)
    • Scripts (4)
  • Designer (42)
    • CG (12)
      • 3ds Max (6)
    • Photoshop (20)
  • Diversos (26)
  • Download (55)
  • Games (20)
  • Guia de Compra (2)
  • Hardware (7)
  • Humor (11)
  • Internet (31)
    • Blogs (3)
    • Firefox (8)
  • Notícias (33)
  • Rapidinha (6)
  • Softwares (45)
  • Windows (32)
  • Links

    • Contato
    • Download de filmes
    • Efeito Azaron
    • MeioBit
    • Site da Morróida

Site Meta

Syndicate this site using RSS 2.0The latest comments to all posts in RSS 2.0
  • Register
  • Log in
Jan-08 02

Tornar o texto de um radio/checkbox clicavel

Enviado por: Thales RB. .     3 comentários.     Categorias: HTML-CSS

A tag <label> serve para criar um relacionamento entre o texto (rótulo descritivo) e o campo. Essa tag é muito usada para tornar o site acessivel a leitores de tela(para deficientes visuais).

Mas ela também faz com que ao ser clicado no texto o campo receba o foco(o cursor), com isso podemos tornar o texto de um checkbox clicavel.

Para usa-lo, é só adicionar um for=”nomedocampo” no label, e o nomedocampo deve ser definido no id do input, lembrando que o id deve ser unico em todo o formulario.

Aqui um codigo de exemplo:

[code="html"]





[/code]

Exemplo, clique nos textos:


Legal né ?, e pode ser usado em qualquer formulário, e com certeza os usuarios iram agradecer já que fica bem mais facil de se clicar, só é preciso que os usuarios saibam dessa funcionalidade

   4,751 visualizações

Tags: HTML Básico, tags-HTML

Leia também

  • Listagem de comandos do HTML
  • Tabela de acentos e caracteres especiais do HTML
  • Marquee e seus atributos
  • Formatação de textos HTML, com editor WYSIWYG
  • Como fazer formulários em HTML/PHP

Instalar o IE6 e IE7 juntos »« Diferença entre class e id no CSS

Elano
Comment on August 19th, 2011.

Sou web designer e designer grafico, por isso
Fiquei muuito impressionado com a beleza, clareza, simplicidade, e organização da sua página. Muito bonito o design, limpo de muitas informações aleatorias, esta tudo mito bem organizado, e o efeito q usou nos botoes tb, putzz

ta de parabens hein cara!

se puder, da uma olhada no meu site, abraço

Marcelo
Comment on October 14th, 2011.

Cara, não precisa fazer tudo isso.

No asp.net, o controle checkbox já tem o seu próprio label.

EX:

O texto “clique aqui” já faz parte do checkbox, então se clicado o quadradinho vai ficar ticado.

valew

Marcelo
Comment on October 14th, 2011.

Cara, não precisa fazer tudo isso.

No asp.net, o controle checkbox já tem o seu próprio label.

EX:

[asp:CheckBox id="chk" runat="server" Text="clique aqui"]

O texto “clique aqui” já faz parte do checkbox, então se clicado o quadradinho vai ficar ticado.

valew

Deixe um comentário

Os campos nome e e-mail são obrigatorios(o e-mail não será exibido), a URL é opcional.

Os comentários podem ter os seguintes comandos:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>







Posts mais vistos

  • Download Vray 1.5 para 3ds Max
  • Emulador Nintendo DS – No$GBA
  • Como fazer formulários em HTML/PHP
  • Pacote de fontes Graffiti
  • Detonado – Castlevania: Portrait of Ruin – NDS
  • Detonado – Castlevania Order of Ecclesia – NDS
  • Tutorial Básico PHP (Aprenda PHP)
  • Instalar o Windows XP em Hds SATA
  • Download Photoshop CS3
  • Digimon World Dawn/Dusk – Lista de digimons

Comentarios recentes

  • jorge on Digimon World Dawn/Dusk – Quests
  • jorge on Digimon World Dawn/Dusk – Quests
  • Samuel on Warriors Orochi – Dicas
  • Yugioh Nightmare Troubadour – ForoGeek on Dicas – Yu-Gi-Oh! Nightmare Troubadour – NDS
  • João Paulo Franco on Tabela de acentos e caracteres especiais do HTML

Tags

3ds Max 3ds Max Basico Aprendendo PHP Brushes ClubePC Computação Grafica CSS CSS-Hacks Designer Detonados Diversos Download Downloads Firefox Fontes Games Google Hardware HTML Básico Humor Icones Internet Internet Explorer Javascript Jogos-PC Microsoft MySQL mysql-basico NDS Notícias Office Photoshop PHP PHP Basico Portable Rapidinha Script Sobre Softwares tags-HTML Wallpapers Windows Windows-Vista Windows-XP WordPress
eXTReMe Tracker