In: Computer Science
Need to write a program and part 1 of the program is to write an HTML code, here are the parameters, but I am new to HTML and I am confused as to how to write this.
1) HTML file shall:
- have your name(s)
somewhere near the top, as a comment.
- be a complete html
document with appropriate html tags.
- have 1 form with 2
parts, described as follows:
part 1:
- present (4) input fields named:
myin, myout, inamount, submit1
- myin and myout are free form text fields.
inamount is a real number.
submit1 is of type "submit", with a value of "Make it so".
- the 4 fields will be in an html table
that is 1 row by 4 columns
- you should use a table header for each column.
part 2:
- present (3) input fields named:
maybein, maybeout, submit2
- maybein and maybeout are free form text fields.
submit2 is of type "submit", with a value of "Is path?".
- the 3 fields will be in an html table
that is 1 row by 3 columns
- you should use a table header for each column.
IMPORTANT: this form
will have an "action" value of the CGI
file "universal.cgi". It shall use the
"method" of "GET".
code for part 1:
<html>
<head>
<title>part1</title>
</head>
<body>
<form>
<table>
<tr>
<th>Field
name</th>
<th>Input
Box</th>
</tr>
<tr>
<td>
myin</td>
<td><input type =
"text" name = "myin"/></td>
</tr>
<tr>
<td>myout</td>
<td><input type =
"text" name = "myout"/></td>
</tr>
<tr>
<td>inamount</td>
<td><input type =
"number" name = "inamount"/></td>
</tr>
<tr>
<td>Submit1</td>
<td><input type =
"submit" name = "submit" value = "Make it so"/></td>
</tr>
</table>
</form>
</body>
</html>
code for part 2:
<html>
<head>
<title>part2</title>
</head>
<body>
<form action = "universal.cgi"
method = "GET">
<table>
<tr>
<th>Field
name</th>
<th>Input
Box</th>
</tr>
<tr>
<td>
maybein</td>
<td><input type =
"text" name = "maybein"/></td>
</tr>
<tr>
<td>maybeout</td>
<td><input type =
"text" name = "maybeout"/></td>
</tr>
<tr>
<td>Submit2</td>
<td><input type =
"submit" name = "submit" value = "Is path?"/></td>
</tr>
</table>
</form>
</body>
</html>
If you have any doubts please comment and please don't dislike.