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
Homework Answers
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 Answer to:
Need a code in html for the following :
1)home page - user should be able...
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...
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...
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, 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 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...
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...
Most questions answered within 3 hours.
-
On May 1, Sequoia Inc. issued 30,000 shares of its common stock
with a $15 par...
asked 1 minute from now -
For Python 2.7.8, Write a program that defines
a function that prints a short poem or...
asked 50 seconds from now -
An optical disk drive in your computer can spin a disk up to
10,000 rpm (about...
asked 9 minutes ago -
Is the purpose of lightning rods to attract lightning?
asked 18 minutes ago -
Let A be an event included in S that is independent of itself.
Then we have:...
asked 17 minutes ago -
The Adverse Childhood Experiences (ACE) Study has had a great
impact on moving psychologists to be...
asked 15 minutes ago -
Write a paper on: Assume that you have been assigned as the
project manager for a...
asked 19 minutes ago -
You plan to save $5,700 per year for the next 10 years. After
the last deposit,...
asked 52 minutes ago -
On January 1, 2019, ABC Corp. borrowed $81,000 by signing an
installment loan. The loan will be...
asked 56 minutes ago -
Enzyme X exhibits maximum activity at pH = 5.25. X shows a sharp
decrease in its...
asked 1 hour ago -
Postulate a reason for why so many aliphatic amino acids are
essential.
asked 1 hour ago -
Three samples were taken of 4 different dog food bags and their
weights were recorded:
Sample/Observation...
asked 1 hour ago