Create a custom Feedback form for your website. The form should have at least on

ID: 3808464 • Letter: C

Question

Create a custom Feedback form for your website.

The form should have at least one each of the following input types:

Checkbox

Hidden field

Radio

Reset

Submit

Text

Selection List

Textarea

Number

Range

Date

Tel

Be creative with your questions to get the correct answers you are looking for when a visitor submits your form. Organize the different sections into fieldsets. Each input should have a label associated with it. Mark the appropriate required fields. Put in placeholders where needed to make the form user friendly

Explanation / Answer

//The example of a shopping website has been taken seeking feedback from the cutomer/user including personal details. Most importantly all the input types have been covered in the below form.

<!DOCTYPE html>
<html>
<body>

<form action="">
<fieldset>
<legend>Personal Details:</legend>
First name:
<input type="text" name="firstname" placeholder="Enter first name">
<br><br>
<input type="hidden" name="middlename">
Last name:
<input type="text" name="lastname" placeholder="Enter last name">
<br><br>
Email:
<input type="email" placeholder="example@abc.com">
<br><br>
Birthday:
    <input type="date" name="bday">
<br><br>
Phone Number:
<input type="tel" name="usrtel">
<br><br>
Gender:
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="other"> Other
<br><br>
Updates:
<input type="checkbox" name="vehicle1" value="Bike"> Email Me
   <input type="checkbox" name="vehicle2" value="Car"> Text Me
<br><br>
Select your favorite color:
    <input type="color" name="favcolor">
<br><br>
</fieldset>

<br><br>

<fieldset>
<legend>Feedback:</legend>
Average cart quantity per order (between 1 and 20):
   <input type="number" name="quantity" min="1" max="20">
<br><br>
Rating:
<input type="range" name="points" min="0" max="10">
<br><br>
Favourte Watch Brand:
<select>
    <option value="fossil">Fossil</option>
   <option value="casio">Casio</option>
   <option value="police">Police</option>
   <option value="dkny">DKNY</option>
   </select>
<br><br>
<textarea name="message" rows="10" cols="50" placeholder="">Post your comments here(Help us improve)
   </textarea>
<br><br>
</fieldset>
<br><br>
<input type="submit" value="Submit">
<input type="reset">
</form>

</body>
</html>

Navigate

Create a cover letter and resume for yourself for a job you would like to have.

Create a custom UIview that initially generates the figure on the right: Four re

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Create a custom Feedback form for your website. The form should have at least on

Question

Explanation / Answer

Related Questions

Navigate