Dúvidas de Programação - Programming Doubts: html

Mostrando postagens com marcador html. Mostrar todas as postagens

segunda-feira, 28 de dezembro de 2009

Construindo formulário simples com html

Pessoal,

Algumas pessoas estão me pedindo ajuda sobre como criar formulários em html, por isso resolvi fazer uma matéria bem simples sobre isso. A explicação está no próprio código em forma de comentário.

- Primeiro vamos relembrar a estrutura básica do html.

<html>
<head>              
<title>Título da Página</title>       
</head>
<body>   
    <form action=gravar.php method=post> 

Nome Completo<input type="text" name="nome"><br>     
Data de Nascimento<input type="text" name="data"><br>

Telefone<input type="text" name="tel"><br>
Endereço Completo:<br>
Rua<input type="text" name="rua"><br>
Nº<input type="text" name="n"><br>
Bairro<input type="text" name="bairro"><br>
Email<input type="text" name="email"><br>
<input type="submit" value="Enviar">          
<input type="reset" value="Limpar dados"> 

    </form>
</body>       
</html>

Este foi um exemplo apenas utilizando caixas de texto e botões, sem qualquer formatação.
É um exemplo bem básico. Espero ter ajudado!

quarta-feira, 23 de dezembro de 2009

Enviando dados de formulário através de link

Pessoal,

Respondendo a dúvida de um leitor se teria como enviar dados de formulário html sem utilizar botão submit.
Por isso montei um exemplo bem simples de como fazer isso atravé de um link <a href.

<html>
    <head>

    </head>
<body>

    <form method="post" action="teste.php" name="formulario1">
        <a href="javascript:{document.formulario1.submit();}">Enviar</a>
        <input type="hidden" name="user" value="teste">
    </form>

</body>

</html>

O javascript possui a função submit() que faz o envio dos dados.
formulario1 é o nome dado ao form.
No exemplo coloquei um input com o nome="user" e valor="teste".
No action coloquei teste.php que será o arquivo que vai verificar se os dados foram enviados. Se você mudar o method para get, você verá as informações na URL.

Boa sorte!

segunda-feira, 16 de março de 2009

Tabela ASCII em HTML

Clique na imagem para ampliar.

Fonte: http://www.w3schools.com/tags/ref_ascii.asp

quinta-feira, 27 de novembro de 2008

Como colocar codigo dentro da sua postagem

Pessoal, pode ser uma coisa muito simples mas para quem está começando a fazer blogs como eu, isso pode ser muito útil porque com meus conhecimentos de html tentei colocar código de c++ na minha postagem, e o código possuia uma tag que não aparecia de forma alguma no blog. Lembrei de duas formas que não deram certo, então só depois de alguns dias consegui descobrir. Não havia encontrado nada na net, por isso resolvi publicar algumas formas de se colocar códigos e texto pré-formatado em seu blog.

Espero que gostem!

3 comandos interessantes de html...

o primeiro é a tag
<code>
</code>

A tag code destaca um trecho do texto para indicar que é um código qualquer de programação ou de script.

Ex:
Código sem a tag <code>
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}

Agora com a tag <code>


$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}

Viram a diferença? A tag <code> mostra o código mais espaçado que é para mais fácil entendimento do código.

Em segundo vem a tag
<pre>
</pre>

A tag como o próprio nome diz serve para fazer pré-formatação, ou seja, o que você colocar entre as tags <pre> e </pre> ficará formatado na posição como foi colocado.

Ex:
Sem a tag <pre>

$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}

Com a tag <pre>


$myvar = 'Hello World!';
      for ($i = 0; $i < 10; $i++)
      {
            echo $myvar . "\n";
      }

Viram a diferença?
O código aparece na posição que eu coloquei sem retirar espaços.

Mas o que aconteceu comigo nenhuma dessas duas tags resolveram e na hora não me lembrei de como fazer pra colocar uma tag que aparecia em um código de c++ que eu queria postar. Então acabei postando errado, mas depois de alguns dias sem querer me lembrei e então resolvi postar aqui.

Se você quiser exibir uma tag como por exemplo essa <html> você só tem um jeito. Você terá que colocar de forma codificada.

O html possui caracteres reservados..Aqui uma tabela com esses caracteres pra você utilizar em seu blog ou onde precisar...

Você pode utilizar as duas codificações mostradas...

Dúvidas de Programação - Programming Doubts