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>