Answer to Question #190980 in Web Development for Intsam

Question #190980

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

1
Expert's answer
2021-05-09T07:20:18-0400
<!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>

Need a fast expert's response?

Submit order

and get a quick answer at the best price

for any assignment or question with DETAILED EXPLANATIONS!

Comments

No comments. Be the first!

Leave a comment

LATEST TUTORIALS
New on Blog
APPROVED BY CLIENTS