HTML Form Elements : Form « Form « PHP






HTML Form Elements

 
Element                Description 
TEXT INPUT             A simple text box 
PASSWORD INPUT         A text box that hides the characters inputted 
HIDDEN INPUT           A field that does not show on the form but can contain data 
SELECT                 A drop-down box with options 
LIST                   A select box that can have multiple options selected 
CHECKBOX               A box that can be checked 
RADIO                  A radio button that can act as a choice 
TEXTAREA               A larger box that can contain paragraph-style entries 
FILE                   An element that allows you to browse your computer for a file 
SUBMIT                 A button that will submit the form 
RESET                  A button that will reset the form to its original state 

<html>
<body>
<?php
if ($_GET ['submitted'] == "yes") {
  if (trim ( $_GET ['yourname'] ) != "") {
    echo "Your Name (with GET): " . $_GET ['yourname'];
  } else {
    echo "You must submit a value.";
  }
  ?>
<a href="index.php">Try Again</a>
<?php
}
if ($_POST ['submitted'] == "yes") {
  if (trim ( $_POST ['yourname'] ) != "") {
    echo "Your Name (with POST): " . $_POST ['yourname'];
  } else {
    echo "You must submit a value.";
  }
  ?><br />
<a href="index.php">Try Again</a><?php

}
?> 
<?php
if ($_GET ['submitted'] != "yes" && $_POST ['submitted'] != "yes") {
  ?> 
<form action="index.php" method="get">
GET Example:
<input type="hidden" name="submitted" value="yes" /> Your Name: <input
  type="text" name="yourname" maxlength="150" /><br />
<input type="submit" value="Submit with GET"/>
</form>
<form action="index.php" method="post">
<p>POST Example:</p>
<input type="hidden" name="submitted" value="yes" /> Your Name: <input
  type="text" name="yourname" maxlength="150" /><br />
<input type="submit" value="Submit with POST" />
</form> 
<?php
}
?> 
</body>
</html>
  
  








Related examples in the same category

1.print a radio button or checkbox
2.print a select menu
3.print a submit button
4.print a text box
5.print a textarea
6.HTML elements for use in forms
7.HTML form for submitting data
8.Working with Multipage Forms
9.Process the results