Write the code to create the following html document (Be careful about the alignment of form
control).You can use table for form formatting.
Product Detail
Product Name:
Product Colour:
Product Size:
Customer Detail
Name:
Email:
CNIC:
Pay Nature: * Cash * Credit
Submit
<!DOCTYPE html>
<html>
<body>
<form action = "action.php" method = "post">
<table>
<tr>
<th colspan = "2">PRODUCT DETAIL</th>
</tr>
<tr>
<td>PRODUCT NAME:</td>
<td><input type = "text" name = "product_name"></td>
</tr>
<tr>
<td>PRODUCT COLOR:</td>
<td><input type = "color" name = "product_color"></td>
</tr>
<tr>
<td>PRODUCT SIZE:</td>
<td><input type = "number" name = "product_size"></td>
</tr>
<tr>
<th colspan = "2">CUSTOMER DETAIL</th>
</tr>
<tr>
<td>NAME:</td>
<td><input type = "text" name = "customer_name"></td>
</tr>
<tr>
<td>EMAIL:</td>
<td><input type = "email" name = "customer_email"></td>
</tr>
<tr>
<td>CNIC:</td>
<td><input type = "number" name = "customer_cnic"></td>
</tr>
<tr>
<td>PAY NATURE:</td>
<td>
<input type = "radio" name = "pay_nature" value = "Cash"> Cash
<input type = "radio" name = "pay_nature" value = "Credit"> Credit
</td>
</tr>
</table>
<input type='submit'>
</form>
</body>
</html>
Comments
Leave a comment