Class Introduction
Download
Report
Transcript Class Introduction
IST210
HTML FORM
Assignment P4
1
IST210
2
Guideline
• Add forms in your web page so that visitors
can add a comment about your web page
• Forms should include the following elements:
•
•
•
•
•
A text field
A textarea field
A set of radio button
A dropdown menu
A submit button
• Write a PHP file to display all data a visitor
inputs in a new page after the submit button is
clicked
• Test the input of radio button and print out different
messages
IST210
Create: https://my.up.ist.psu.edu/duw24/comment.php
3
IST210
Get Started
comment.php
<html>
<form action="process_comment.php" method="post">
Name:
<input type = "text" name="username" value = ""/>
<br>
<input type="submit" value ="go" />
</form>
</html>
process_comment.php
<?php
$userName=$_POST["username"];
echo "Hello <b>$userName</b>!<br>";
?>
4
IST210
5
Hints
• Create a page comment.php for form input
• A text field for name
• A button for Yes/No
• A textarea for comment
• Learn this format by yourself
• http://www.w3schools.com/tags/tag_textarea.asp
• A dropdown list for rating
• Create a page process_comment.php to process form
• Echo name
• Use “IF/ELSE” to echo “like” or “do not like”
• Echo comment
• Echo rating
IST210
6
NOTE
• This is an extra credit assignment
• If you missed any of the three programming assignments,
this is to help you make it up. Or if you want to get more
than 5% of your grade, you can complete this assignment
as well.