Sol do Dia

Radio Buttons

Para clicar em um botão de rádio são coisas muito chato para mim. Um botão de rádio é um máximo de 15 x 15 pixels. Assim, precisam de cuidados extras para clicar nos botões de rádio.

Quando eu trabalhar com botões de Rádio em aplicações web meu, eu uso a tag HTML - 'Label'.

Por exemplo, eu tenho um botão de rádio como esta-

  <input <div> type="radio" name="test" id="test_id" value="something" /> Clique neste botão <Radio / div> 

Este botão Rádio requerem cuidado extra para clicar. Eu escrevo o código acima como abaixo, para que os visitantes podem selecione o botão clicando sobre o texto - "Clique neste botão de rádio".

  <input <div> type="radio" name="test" id="test_id" value="something" /> <label for="test_id"> Clique neste botão <Radio </ label> / div> 

Agora, os visitantes podem selecione o botão clicando sobre o texto. Desfrute de fácil clicar nos botões de rádio.

Eu estava trabalhando com formulários HTML. Nas formas que eu usei readonly e deficientes elementos de entrada. Qual é o respeito entre estes dois atributos do elemento de entrada?

Diga para mim tem um elemento de entrada em forma de HTML.

  <input type="text" name="full_name" VALUE="Meu Nome aqui" readonly="readonly" /> 

Se definir o atributo readonly="readonly " , em seguida, o elemento de entrada não é editável. Esse atributo permite que o usuário selecione e copie o texto dentro do campo de entrada, mas não alterar o valor.

Esse atributo é usado somente se o atributo tipo do elemento de entrada é definida como "texto" ou "password".

Eu tenho um outro campo de texto como abaixo.

  <input name="email" value="my@email.here" disabled="disabled" /> 

Se definir o atributo disabled="disabled" , o elemento de entrada é desativada, un editáveis e não-selecionável. Este atributo não permitir que os usuários selecionar e copiar o texto dentro do campo de entrada. Outra coisa acontecer aqui, os dados dentro do elemento de entrada não será apresentado para a página de ação.

Algumas vezes podemos precisar de enviar o formulário HTML para uma janela pop up. Vamos dar uma olhada nos detalhes.
Dizer para eu ter um formulário HTML.

  <form name="contactForm" method="post" action="thank-you.php">
 Nome: <input name="nome" id="name" /> <br />
 E-mail: <input name="email" id="email" /> <br />
 <input value="Submeter" />
 </ Form> 

Podemos apresentar este formulário para fazer uma janela em branco, definindo target = "_blank", mas quando precisamos enviar o formulário para uma janela pop-up, então devemos fazer algum código extra. Vamos tentar.

Primeiro passo: Definir uma função JavaScript

  openWindow function (url, wname, largura, altura) (
 window.open (url, wname, "height =" + altura + ", width =" + largura + "local = 0, status = 1, resizable = 0, scrollbars = 1, toolbar = 0");
 return true;
 ) 

Acima de função abre uma janela pop-up de acordo com os argumentos fornecidos. Não é uma coisa complicada. 'Nome' é uma palavra-chave em JavaScript. Não devemos colocar o nome da variável como 'nome'. IE relatórios de erro se colocar o nome como um nome de variável.

Etapa dois: Definir o formulário atributos
Agora vamos definir a forma como os atributos abaixo

  openWindow retorno <form name = "método" ContactForm = post "action" = "Obrigado you.php-target =" popupWin onsubmit = "(" obrigado you.php ', popupWin', 600, 500); " > 

Etapa três: Preparar página de agradecimento
Agora estamos prontos para preparar a página de agradecer you.php para o processamento de dados do formulário.

Mais algumas coisas devem seguir para a segurança e para proteger de spam. Devemos aplicar JavaScript e validação do lado do servidor na forma, proteger spam e XSS.