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,131 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
  • Pacote de fontes Graffiti
  • Como fazer formulários em HTML/PHP
  • Detonado – Castlevania: Portrait of Ruin – NDS
  • Detonado – Castlevania Order of Ecclesia – NDS
  • Instalar o Windows XP em Hds SATA
  • Tutorial Básico PHP (Aprenda PHP)
  • Download Photoshop CS3
  • Download de modelos de carros para o 3ds Max

Comentarios recentes

  • william on Dicas – Yu-Gi-Oh! Nightmare Troubadour – NDS
  • joao victor on 300 3D Smileys para MSN
  • Tutorial Básico PHP - Riba Developer on Instalando o Apache, PHP, Mysql no Windows
  • pedro henrique on Digimon World Dawn/Dusk – DNA/Armor Digivolution
  • Eduardo on Query String

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