Feedback Form Using Table Tag

Hello Dosto, आज की Post में हम Table Tag का use करके Feedback Form को Design  करने वाले हैं|



Feedback Form का Code नीचे दिया गया है 👇👇👇 


<html>
<head>
<title> Student Feedback Form</title>
<style>
div
{
background:lightblue;
align-items:center;
padding:10px;
width:300px;
height:400px;
margin-top:100px;
margin-right:500px;
border:20px;
margin-left:500px;
}

</style>
</head>
<body>
<form>
<div>   <h2 style="text-align:center" > Student Feedback Form</h2> <table align="center">
   
        <tr>
            <td>
                Name
            </td>
            <td>
                <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <td>
                College 
            </td>
            <td>
                <input type="text" name="college">
                
            </td>
        </tr>
        <tr>
            <td>
                Student Code
            </td>
            <td>
                <input type="text" name="stdcode">
            </td>
        </tr>
        <tr>
            <td>
                Hobbies
            </td>
            <td>
                
                    <input type="checkbox" > Cricket
                
                
                    <input type="checkbox"> Football
                
            </td>
        </tr>
        <tr>
            <td>
                Gender
            </td>
            <td>
                
                    <input type="radio" value="f" name="gender"> Female
                    <input value="m" type="radio" name="gender"> Male
            </td>
        </tr>
        <tr>
            <td>
                    Course 
            </td>
            <td>
                    <select>
                        <option disabled selected>--Select Course--</option>
                            
                                <option>BCA</option>
                                <option>BSc(IT)</option>
                                <option>B.Tech</option>
                                <option>MCA</option>
                                <option>MSc</option>
                                <option>M.Tech</option>
                        </select>
            </td>
        </tr>
        <tr>
            <td>
               Your Feedback  
            </td>
            <td>
                <textarea rows="5" cols="23"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="Submit ">
                
            </td>
        </tr>
    </table>
</div>
</form>
</body>
</html>


दोस्तों आज का Post  पसंद आया हो तो अपने दोस्तों के साथ शेयर करें और कमेंट में जरूर बताएं 😊|

Post a Comment

Previous Post Next Post