Question

Develop an HTML form that should contain your personal information such as Last Name, First Name, Address, telephone, sex (option male/female as radio buttons), your hobby (as check boxes: games, photography, travel, etc.), and a submit button

Answer 1

<fieldset enable> <!-- Set the border of form -->

<legend><h3> Enquiry Form</h3></legend> <!-- Create the Form Name of the border -->

<form action="" >   <!-- Create Action Form -->

<label>Last Name <input type="text"></label><br> <!--Create Text Field -->

<label>First Name <input type="text"></label><br>

<label>Address <textarea name="address" cols="50" rows="5"></textarea></label><br> <!-- Create Text Area -->

<label>Telephone <input type="text"></label><br>

<h4>Sex</h4>

<input type="radio" name="gender" id="male"> <!-- Create Radio button of Sex -->

<label for="m">Male</label>

<input type="radio" name="gender" id="female">

<label for="f">Female</label><br><br>

<p><h4>Hobbies</h4></p> <!--Create Check Box of Hobbies -->

<label> <input type="checkbox"> Games</label><br>

<label> <input type="checkbox"> Photography</label><br>

<label> <input type="checkbox"> Travel</label><br>

<label> <input type="checkbox"> Reading Books</label><br>

<label> <input type="checkbox"> Watching Movies</label><br>

<label> <input type="checkbox"> Collection Stamps</label><br><br>

<input type="Submit"> <!-- Create Button of Submit-->

</form> <!-- End of the Form tag-->

</fieldset>