Űrlapmezők elemei

Űrlapmezők elemei:

  1. Szövegmezők. (text)
  2. Szövegterületek. (textarea)
  3. Jelölőnégyzetek. (checkbox)
  4. Rádiógombok. (radio)
  5. listadobozok. (select, és a select multiple)
  6. Rejtett űrlapmezők. (hidden)
  7. Jelszómezők. (password)
  8. Küldő és visszaállító gombok. (submit, reset)

Szövegmezők

<input type="text" size="100" name="Szovegmezo">

 

Teszteléséhez, kettő weboldal kell
XHTML weboldal
html kiterjesztéssel		XHTML weboldal
php kiterjesztéssel
Küldési formátum:

<body>

<form action="fájl_neve.php" method="GET" >
<strong><u>Szövegedet, ide írd:</u></strong>
<input type="text" size="100" name="Szoveg">
<br />
<input type="submit" value="Szöveg küldése">
</form>

</body>

 Fogadási formátum:

<body>

Általad elküldött szöveg:
<?php
echo $_GET ['Szoveg'];
?>

</body>
A fenti programok tesztelése:
Szövegmezőt küldő weboldal
Szövegmezőt fogadó weboldal

 

Szövegterületek

<textarea name="Szoveged" cols="100" rows="10">
Ide írd a szöveget, vagy email címeket!
</textarea>
Teszteléséhez, kettő weboldal kell
XHTML weboldal
html kiterjesztéssel		XHTML weboldal
php kiterjesztéssel
Küldési formátum:

<body>

<form action="fájl_neve.php" method="POST" >
<textarea name="Szoveged" cols="100" rows="10">
Ide írd a szöveget, vagy email címeket!
</textarea> <br />
<input type="submit" value="Szöveg küldése">
</form>

</body>

 Fogadási formátum:

<body>

<h5><u>Általad elküldött szöveg:</u></h5>
<p>
<?php
echo $_POST ['Szoveged'];
?>
</p>

</body>
A fenti programok tesztelése:
Szövegterületet küldő weboldal
Szövegterületet fogadó weboldal

 

Jelölőnégyzetek

<input type="checkbox" name="Valasz">
Teszteléséhez, kettő weboldal kell
Egy választási lehetőség: igen vagy nem
XHTML weboldal
html kiterjesztéssel		XHTML weboldal
php kiterjesztéssel
Küldési formátum:

<body>

<form action="fájl_neve.php" method="POST" >
<strong><u>Voltál már tengerparton?</u></strong>
<input type="checkbox" name="Valasz">
<br /><br />
<input type="submit" value="Válasz küldése">
</form>

</body>

 Fogadási formátum:

<body>

<h5><u>Általad elküldött szöveg:</u></h5>
<p>
<?php
echo $_POST ['Valasz'];
?>
</p>

</body>

 

Teszteléséhez, kettő weboldal kell
Több választási lehetőség: igen vagy nem
XHTML weboldal
html kiterjesztéssel		XHTML weboldal
php kiterjesztéssel
Küldési formátum:

<body>

<form action="fájl_neve.php" method="POST" >
<strong><u>Ismered a weblap szerkesztést?</u></strong>
<input type="checkbox" name="Valasz01" value="HTML">
<br />
<strong><u>Ismered a JavaSchript szerkesztést?</u></strong>
<input type="checkbox" name="Valasz02" value="JS">
<br />
<strong><u>Ismered a PHP szerkesztést?</u></strong>
<input type="checkbox" name="Valasz03" value="PHP">
<br />
<input type="submit" value="Válasz küldése">
</form>

</body>

 Fogadási formátum:

<body>

<h5><u>Általad elküldött szöveg:</u></h5>
<p>
<?php
echo "$_POST ['Valasz01']<br />";
echo "$_POST ['Valasz02']<br />";
echo "$_POST ['Valasz03']<br />";
?>
</p>

</body>