Olá Pessoal.
Gostaria da ajuda de vocês, estou com um trabalho na faculdade que é o seguinte: Criar um formulário em HTML com os seguintes campos:
Nome:
Idade:
Cidade: (esse é uma caixa de seleção com 3 cidades)
Sexo: (seria 2 botões de radio Masculino e feminino)
Mensagem: Um campo para mensagem.
Ate ai tudo bem eu até consegui criar o formulário e ta, mas a professora pediu para criar um javascript que eviasse os dados para uma outra página, tipo o que se insere nos campos ai clicar em enviar vai para uma outra página assim:
Nome: João
Idade: 25...
E por ai vai, alguém pode me dar um HELP nisso ai!
Abração;
Junior
Formulário Html Com Javascript
Started By Hoelz, 14/09/2010, 11:06
2 replies to this topic
#1
Hoelz
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Masculino
- Localidade:Minas Gerais
Posted 14/09/2010, 11:06
#2
André Manoel
-
- Usuários
-
- 996 posts
Doutor
- Sexo:Masculino
- Localidade:Brasilia
Posted 14/09/2010, 15:46
O que já está pronto?
Poste o código.
Poste o código.
Iniciando na Ajuda On line...
Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.
Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.
#3
Hoelz
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Masculino
- Localidade:Minas Gerais
Posted 16/09/2010, 13:02
Consegui fazer somente o formulário, segue abaixo o código: Tem agora o javascript que vai abrir a outra página (document write) com os dados que foram preenchidos.
Obrigado e abraços;
___________________________________________________
<html>
<head>
<title>Cadastro</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<p align="center"><font face="arial" align="center" color="003366" size="2"><b>Preencha o formulário abaixo para se canditdatar a vaga!</b></font></p>
<hr></hr>
<table border="1" align="center">
<form action="" method="post" enctype="text/plain">
Nome: <input type="text" name="nome" size="35" maxlength="80"><br><p>
Idade: <input type="text" name="nome" size="5" maxlength="2" value=""><br><p>
Cidade: <select name="Selecione">
<option value="1">Selecione
<option value="2">Campinas
<option value="3">Santo André
<option value="4">Lorena
<option value="5">Salto
<option value="6">Ribeirão Preto
<option value="7">Bragança Paulista
<option value="8">Atibaia
<option value="9">Barueri
<option value="10">Santos
<option value="11">São Paulo
</select>
<br><br>
Sexo:<br><p>
<input type="radio" name="sexo" value="Masculino" Checked>Homem<br>
<input type="radio" name="sexo" value="Feminino">Mulher<br><p>
Fale sobre você:<br><p>
<textarea cols="25" rows="7" name="comentarios">Insira seu texto aqui!</textarea>
<br><br><p>
<input type="submit" value="Enviar">
<input type="reset" value="Apagar">
</form>
</table>
</body>
</html>
Consegui fazer somente o formulário, segue abaixo o código: Tem agora o javascript que vai abrir a outra página (document write) com os dados que foram preenchidos.
Obrigado e abraços;
___________________________________________________
<html>
<head>
<title>Cadastro</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<p align="center"><font face="arial" align="center" color="003366" size="2"><b>Preencha o formulário abaixo para se canditdatar a vaga!</b></font></p>
<hr></hr>
<table border="1" align="center">
<form action="" method="post" enctype="text/plain">
Nome: <input type="text" name="nome" size="35" maxlength="80"><br><p>
Idade: <input type="text" name="nome" size="5" maxlength="2" value=""><br><p>
Cidade: <select name="Selecione">
<option value="1">Selecione
<option value="2">Campinas
<option value="3">Santo André
<option value="4">Lorena
<option value="5">Salto
<option value="6">Ribeirão Preto
<option value="7">Bragança Paulista
<option value="8">Atibaia
<option value="9">Barueri
<option value="10">Santos
<option value="11">São Paulo
</select>
<br><br>
Sexo:<br><p>
<input type="radio" name="sexo" value="Masculino" Checked>Homem<br>
<input type="radio" name="sexo" value="Feminino">Mulher<br><p>
Fale sobre você:<br><p>
<textarea cols="25" rows="7" name="comentarios">Insira seu texto aqui!</textarea>
<br><br><p>
<input type="submit" value="Enviar">
<input type="reset" value="Apagar">
</form>
</table>
</body>
</html>
Obrigado e abraços;
___________________________________________________
<html>
<head>
<title>Cadastro</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<p align="center"><font face="arial" align="center" color="003366" size="2"><b>Preencha o formulário abaixo para se canditdatar a vaga!</b></font></p>
<hr></hr>
<table border="1" align="center">
<form action="" method="post" enctype="text/plain">
Nome: <input type="text" name="nome" size="35" maxlength="80"><br><p>
Idade: <input type="text" name="nome" size="5" maxlength="2" value=""><br><p>
Cidade: <select name="Selecione">
<option value="1">Selecione
<option value="2">Campinas
<option value="3">Santo André
<option value="4">Lorena
<option value="5">Salto
<option value="6">Ribeirão Preto
<option value="7">Bragança Paulista
<option value="8">Atibaia
<option value="9">Barueri
<option value="10">Santos
<option value="11">São Paulo
</select>
<br><br>
Sexo:<br><p>
<input type="radio" name="sexo" value="Masculino" Checked>Homem<br>
<input type="radio" name="sexo" value="Feminino">Mulher<br><p>
Fale sobre você:<br><p>
<textarea cols="25" rows="7" name="comentarios">Insira seu texto aqui!</textarea>
<br><br><p>
<input type="submit" value="Enviar">
<input type="reset" value="Apagar">
</form>
</table>
</body>
</html>
O que já está pronto?
Poste o código.
Consegui fazer somente o formulário, segue abaixo o código: Tem agora o javascript que vai abrir a outra página (document write) com os dados que foram preenchidos.
Obrigado e abraços;
___________________________________________________
<html>
<head>
<title>Cadastro</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<p align="center"><font face="arial" align="center" color="003366" size="2"><b>Preencha o formulário abaixo para se canditdatar a vaga!</b></font></p>
<hr></hr>
<table border="1" align="center">
<form action="" method="post" enctype="text/plain">
Nome: <input type="text" name="nome" size="35" maxlength="80"><br><p>
Idade: <input type="text" name="nome" size="5" maxlength="2" value=""><br><p>
Cidade: <select name="Selecione">
<option value="1">Selecione
<option value="2">Campinas
<option value="3">Santo André
<option value="4">Lorena
<option value="5">Salto
<option value="6">Ribeirão Preto
<option value="7">Bragança Paulista
<option value="8">Atibaia
<option value="9">Barueri
<option value="10">Santos
<option value="11">São Paulo
</select>
<br><br>
Sexo:<br><p>
<input type="radio" name="sexo" value="Masculino" Checked>Homem<br>
<input type="radio" name="sexo" value="Feminino">Mulher<br><p>
Fale sobre você:<br><p>
<textarea cols="25" rows="7" name="comentarios">Insira seu texto aqui!</textarea>
<br><br><p>
<input type="submit" value="Enviar">
<input type="reset" value="Apagar">
</form>
</table>
</body>
</html>
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
