Question

Need a code in html for the following : 1)home page - user should be able...

Need a code in html for the following :

1)home page - user should be able to fill a customer review form. 6-7 fields and validate each field.
Buttons in this page - diaplay, submit
2)submission confirmation page
Buttons in this page - hope, display
3)display page - display all the reviews untill then in a tabular form.
Buttons in this page - back to home

0 0
Add a comment Improve this question Transcribed image text
Answer #1

Hi please find the answer

If you have any query please let me know first by comment i will give solution.

=========================

index.html

<html>

<!-- head -->

<head>

<!-- title of page -->

<title>Home Page</title>

<!-- link of external css -->

<link rel="stylesheet" href="style.css">

</head>

<!-- body start -->

<body>

<!-- header start to heading section -->

<header>

<div class="head">Customer Review Form</div>

</header>

<!-- container for Review form -->

<div class="container">

<!-- form to fill all customer review -->

<form>

<!-- div -->

<div>

<!-- label for review text -->

<label for="userFullProduct">Is our product useful to you?</label>

<br>

<!-- radio button to select yes or no -->

<input type="radio" name="userFullProduct" id="userFullProduct" value="Yes" required>Yes

<input type="radio" name="userFullProduct" id="userFullProduct" value="No">No

</div>

<div>

<label for="leaveCause"> Did the price of our product cause you to leave?</label>

<br>

<!-- radio button to select yes or no -->

<input type="radio" name="leaveCause" id="leaveCause" value="Yes" required>Yes

<input type="radio" name="leaveCause" id="leaveCause" value="No">No

</div>

<div>

<label for="feature"> Which features do you love?</label>

<br>

<!-- input textbox to fill by customer text -->

<input type="text" name="feature" id="feature" required>

</div>

<div>

<label for="productLike"> How much you like our product</label>

<br>

<!-- input textbox to fill by customer text -->

<input type="text" name="productLike" id="productLike" required>

</div>

<div>

<label for="purcahseProductEasy"> It was easy or difficult to purchase our product</label>

<br>

<!-- radio button to select one -->

<input type="radio" name="purcahseProductEasy" id="purcahseProductEasy" value="easy" required>Easy

<input type="radio" name="purcahseProductEasy" id="purcahseProductEasy" value="difficult">Difficult

</div>

<div>

<label for="leaveCause"> How did you find us</label>

<br>

<!-- checkbox customer can select more than one -->

<input type="checkbox" name="findUs[]" value="friends" required>Friends<br>

<input type="checkbox" name="findUs[]" value="Newpaper">Newpaper<br>

<input type="checkbox" name="findUs[]" value="Ads">Ads<br>

</div>

<div>

<label for="customerFeedback">Customer Feedback*</label>

<br>

<!-- feedback textarea -->

<textarea name="customerFeedback" id="customerFeedback"></textarea>

</div>

<div>

<!-- submit button -->

<input type="submit" class="btnSubmit" value="Submit">

<!-- display button to go display page -->

<a class="btnDisplay" href="display.html">Display</a>

</div>

</form>

</div>

</body>

</html>

==================================

confirmation-page.html

<html>

<!-- head -->

<head>

<!-- title of page -->

<title>Confirmation</title>

<!-- link of external css -->

<link rel="stylesheet" href="style.css">

</head>

<body>

<!-- header start to heading section -->

<header>

<div class="head">Confirmation</div>

</header>

<!-- container for button -->

<div class="container">

<div style="text-align:center;padding:30px">

<!-- button for home-->

<input type="button" class="btnSubmit" value="Hope">

<!-- Display button to go diaplay page -->

<a class="btnDisplay" href="display.html">Display</a>

</div>

</div>

</body>

</html>

===========================

display.html

<html>

<head>

<title>Display</title>

<link rel="stylesheet" href="style.css">

</head>

<body>

<header>

<div class="head">Display Customer's Reviews</div>

</header>

<div class="container">

<!-- table to Display all review by customer -->

<table class="tblDisplayReview">

<!-- table head -->

<thead>

<th>

Is our product useful to you?

</th>

<th>

Did the price of our product cause you to leave?

</th>

<th>

Which features do you love?

</th>

<th>

How much you like our product

</th>

<th>

It was easy or difficult to purchase our product

</th>

<th>

How did you find us

</th>

<th>

Customer Feedback

</th>

</thead>

<!-- table body with tr -->

<tbody>

<tr>

<td>Yes</td>

<td>No</td>

<td>Your filter product</td>

<td>So much all product are good quality</td>

<td>Easy</td>

<td>Friends,Ads</td>

<td>All good</td>

</tr>

<tr>

<td>Yes</td>

<td>No</td>

<td>Your filter product</td>

<td>So much all product are good quality</td>

<td>Easy</td>

<td>Friends,Ads</td>

<td>All good</td>

</tr>

</tbody>

</table>

<div style="margin:30px;text-align: center">

<a class="btnDisplay" href="index.html">Back to Home</a>

</div>

</div>

</body>

</html>

=====================

style.css

* {

box-sizing: border-box;

}

/* body css for font family */

body {

margin: 0;

padding: 0;

font-family: "Lucida Sans", sans-serif;

}

/* header css */

header {

background-color: #181818;

color: #ffffff;

padding: 20px 15px;

text-align: center;

font-size: 20px;

}

/* container css */

.container {

width: 1200px;

margin: 0 auto;

}

/* button submit css */

.btnSubmit {

width: 250px;

text-align: center;

border: none;

color: #fff;

background-color: #06a520;

padding: 10px;

font-size: 16px;

cursor: pointer;

}

/* button display css */

.btnDisplay {

width: 250px !important;

text-align: center;

border: none;

color: #fff;

background-color: #1b1b1b;

padding: 10px;

font-size: 16px;

cursor: pointer;

text-decoration: none;

}

/* button hover effect css */

.btnDisplay:hover,

.btnSubmit:hover {

opacity: .8;

transition: linear .2s;

}

form div label {

margin-right: 10px;

font-size: 18px;

font-weight: 600;

}

form div {

padding: 15px 0 10px 0;

}

input[type="radio"],

input[type="checkbox"] {

margin: 10px 5px 5px 0px;

cursor: pointer;

}

input[type="text"] {

height: 30px;

margin: 10px 0px 5px 0px;

width: 40%;

}

textarea {

width: 40%;

margin: 10px 0px 5px 0px;

}

.tblDisplayReview {

width: 100%;

border-collapse: collapse;

}

.tblDisplayReview,

td,

th {

border: 1px solid #6e6e6e;

}

.tblDisplayReview thead {

background: #181818;

color: #fff;

}

.tblDisplayReview thead th {

padding: 10px 5px;

font-size: 14px;

font-weight: 400 !important;

}

.tblDisplayReview tbody tr td {

padding: 5px 10px;

}

.tblDisplayReview tbody tr:nth-child(even) {

background-color: #f2f2f2;

}

=========================================

If you have any query please let me know first by comment i will give solution.

Add a comment
Know the answer?
Add Answer to:
Need a code in html for the following : 1)home page - user should be able...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • I need html coding in notepad++ according to the requirments those are listed in the pictures....

    I need html coding in notepad++ according to the requirments those are listed in the pictures. The purpose of this assignment is to figure out the designing and development of HTML forms with CSS and interaction between users and forms by using the Javascript script language. Below Student Registration Form views some form inputs entered by users and shows in the form as a response. Resources: All posted class documents and lab practices will help to complete this assignment. Student...

  • Please build a web page in HTML/css that does the following: The Home Page: It should...

    Please build a web page in HTML/css that does the following: The Home Page: It should be a welcome page with options to buy sell or trade. The Buy Page: You should be asked "What book are you trying to buy?" and be able to enter a book name After pressing enter you should see a list of books that fell under what you searched. The Sell Page: You should be asked "What book are you trying to sell?" and...

  • NEED HELP with HTML with Javascript embedding for form validation project below. I have my code...

    NEED HELP with HTML with Javascript embedding for form validation project below. I have my code below but I'm stuck with validation. If anyone can fix it, I'd really appreciate. ****************************************************************************** CODE: <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <head> <title>Nice</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> var textFromTextArea; function getWords(){ var text =...

  • PHP you need to create a form to allow the user to enter their name, email,...

    PHP you need to create a form to allow the user to enter their name, email, and address information. That information will be sent to a PHP script that will process and display that information. Your assignment should have two pages. The first page is straight html (user_input.html) that has a form with the appropriate form elements to collect the user input. The form should then be submitted using the POST method to a php script (display_user_info.php) that will process...

  • abe 2 Use the provided HTML for the following questions. You only need to write the...

    abe 2 Use the provided HTML for the following questions. You only need to write the JavaScript code for the following questions. No need to write a full JavaScript application. Ex. if I said "Set a myVar variable equal to 2" you would simply write myVar = 2; Please write your code in a separate file. The file MUST be named with the following format lastname_firstname.js. Use comments to divide the questions on the single JavaScript file. Example, for question...

  • given below are the project description and their Html and css files i need javascript according to the project and other files!

    HTML------------------------------------------------------CSS---------------------------------------------------WEB230 - JavaScript 1 Assignment 7 - FormsSome of these tasks would be better done in HTML or CSS but do them in JavaScript to practice whatwe have learned.1. Select the form element and save it in a variable. From here we can access all of the form fields.2. When the page loads do the following:add the password value "monkey"select the favourite city "New York"clear the textarea3. Add an event handler to the "name" field to change the background color...

  • Develop an HTML form that could be used to enter your book information (Books, Authors, and...

    Develop an HTML form that could be used to enter your book information (Books, Authors, and Publishers) start with the HTML/JavaScript template provided Expand upon it! What field information would you enter into a system? Have your form use more then just character text fields ... radio buttons, pick lists, and other elements make your form easier to use and you don't need to do lots of JavaScript checks. What fields would be mandatory ... which could be left blank?...

  • i need help with this web page project and i need the code too for this web page Include two or three HTML features that...

    i need help with this web page project and i need the code too for this web page Include two or three HTML features that make the website more robust, dynamic, and professional. Which features you opt to add can be discussed in the discussions. Some ideas might be to have all three types of links (internal to the page, links to your other pages, or links to other websites). Complete a Contact Us page which includes a form. Try...

  • Need help with code in C# Create an application that reads a file named Accounts.txt. Your application should load the file and display back the results. The application should allow the user to enter...

    Need help with code in C# Create an application that reads a file named Accounts.txt. Your application should load the file and display back the results. The application should allow the user to enter additional entries and save them back to the same file. The CSV file should contain the following fields: AccountName, InvoiceDate, DueDate, AmountDue If the CSV file contains invalid data you want to inform the user which row contained bad data. Below is an example of what...

  • need this in #c . You will now add server side validation code to the frmPersonnel...

    need this in #c . You will now add server side validation code to the frmPersonnel page. Currently, when the Submit button is pressed, the frmPersonnelVerified page is displayed. This is because the frmPersonnelVerified page is set as the Submit button's PostBackUrl property. Instead of having the page go directly to the frmPersonnelVerified page when the Submit button is pressed, we want to do some server side validation. If any of the validation rules fail, we will redisplay the frmPersonnel...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT