a company. needs you to create an HTML5 page that contains a form with the following...
a company. needs you to create an HTML5 page that contains a form with the following requirements:
- Appropriate input types and labels for:
- Full name
- Email Address
- Website
- Check box fields to determine their level of “Epicness” (include a heading that precedes the checkboxes that says “Check boxes that apply to your items:”)
- Pretty common
- Emerald
- Holiday Blue
- Barney Purple
- A Submit button (the form doesn’t have to include a valid action attribute)
Styles
Create an external CSS file with the following styles for the page created above:
- The form should have an appropriate set width (e.g. 500 px)
Homework Answers
Note: Done accordingly. Please comment for further help.
index.html
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="index.css">
<body>
<div id="form">
<form accept-charset="UTF-8" action=""
autocomplete="off" method="GET" target="_blank">
<label for="name">Full
Name</label><br />
<input name="name" type="text" />
<br />
<label for="email">Email
Address</label><br />
<input name="email" type="email" />
<br />
<label
for="website">Website</label><br />
<input name="website" type="url" />
<br />
<fieldset>
<legend>Check boxes that apply to your
items:</legend>
<input
name="favorite_pet" type="checkbox" value="Cats" />Pretty
common<br /> <input name="favorite_pet" type="checkbox"
value="Dogs" />Emerald<br /> <input name="favorite_pet"
type="checkbox" value="Birds" />Holiday Blue<br />
<input name="favorite_pet" type="checkbox" value="Birds"
/>Barney Purple<br />
</fieldset>
<br />
<input type="submit" value="Submit
now" />
</form>
</div>
</body>
</html>
index.css
#form {
width: 500px;
}
Output:
Add Answer to:
a company. needs you to create an HTML5 page that contains a
form with the following...
Create an HTML5 page that contains a form to collect the following data. The text in...
Create an HTML5 page that contains a form to collect the following data. The text in bold indicates the id value that should be assigned to each html control: Product (drop down list) product – iPad, iPhone 6S, Galaxy 5S, Moto X, and so on Quantity (number) quantity Unit price (number) unit_price Discount (%)(number) discount_rate Date (date) order_date First Name (text box) first_name Last Name (text box) last_name Payment type (drop down list) payment_type – Visa, Master, Discover, Amex, and...
Design an original, professional web site following the specifications listed below. This web sit...
Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else. The following is a detailed list of the requirements for your web site. READ them carefully. Instructions - Web Site Requirements for the web site: General: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...
Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
Code for the movies page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css"
/>
<title>Daniel's Movie Page</title>
</head>
<body>
<a href="hobbies.html">Hobbies</a>
<h1>Movies and Actors</h1>
<ol>
<li class="ol-list1">Gravity</li>
<li>Avenger</li>
<li>Marshal</li>
<li>Interstellar</li>
<li>Dark Knight</li>
<li>Superman</li>
</ol>
<ul>
<li class="ul-list1">Robet Downey jr.</li>
<li>Sharuk Khan</li>
<li>Ranbir Kapoor</li>
<li>Sidhhart Malhotra</li>
<li>Angela Joli</li>
<li>Leonardo DiCaprio/li>
</ul>
<h2>Favorite Movie</h2>
<p>
<b>Gravity:</b> The movie portrayed what happens to
an astronaut if he/she
is pushed away from spaceship.It was terrifying how much...
For milestone #1, we will start the CARIT site with three static HTML pages and a...
For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...
Form Processing HTML One of the most ubiquitous uses of JavaScript is validating form data on...
Form Processing HTML
One of the most ubiquitous uses of JavaScript is validating form
data on the client side before it is submitted to the server. It is
done everywhere because it is fast and it gives you a great deal of
flexibility in how you handle errors insofar as the GUI is
concerned.
Attached is an image of some code I wrote (so Blackboard can't
mess it up). Some things to notice that will help you with the
lab....
Read this article. Then write a 250 word response on two of the programs you like...
Read this article. Then write a 250 word response on two of the programs you like the most. Open source business intelligence software 1. BIRT BIRT is an open source BI program that CloudTweaks says is often viewed as the industry standard. BIRT boasts “over 12 million downloads and over 2.5 million developers across 157 countries.” Its users include heavyweights such as Cisco, S1, and IBM (which is also a BIRT sponsor). They also have maturity going for them, as...
Code for the movies page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css"
/>
<title>Daniel's Movie Page</title>
</head>
<body>
<a href="hobbies.html">Hobbies</a>
<h1>Movies and Actors</h1>
<ol>
<li class="ol-list1">Gravity</li>
<li>Avenger</li>
<li>Marshal</li>
<li>Interstellar</li>
<li>Dark Knight</li>
<li>Superman</li>
</ol>
<ul>
<li class="ul-list1">Robet Downey jr.</li>
<li>Sharuk Khan</li>
<li>Ranbir Kapoor</li>
<li>Sidhhart Malhotra</li>
<li>Angela Joli</li>
<li>Leonardo DiCaprio/li>
</ul>
<h2>Favorite Movie</h2>
<p>
<b>Gravity:</b> The movie portrayed what happens to
an astronaut if he/she
is pushed away from spaceship.It was terrifying how much...
Form Processing HTML
One of the most ubiquitous uses of JavaScript is validating form
data on the client side before it is submitted to the server. It is
done everywhere because it is fast and it gives you a great deal of
flexibility in how you handle errors insofar as the GUI is
concerned.
Attached is an image of some code I wrote (so Blackboard can't
mess it up). Some things to notice that will help you with the
lab....
Most questions answered within 3 hours.
-
1. What is the present value of $400, three years in the future
if the interest...
asked 32 minutes ago -
The labor force minus the number of employed equals the number
of unemployed.
a. True
b....
asked 2 hours ago -
Determine the mass in units of grams [g] of 0.49 moles [mol]
of a new fictitious...
asked 2 hours ago -
A horizontal mass of M=5kg is on a spring and stretched to
x=0.5m when released from...
asked 4 hours ago -
26 of 50
"I have worked at the Arizona Humane Society for ten years, and
have...
asked 4 hours ago -
Compare and contrast zero based budgeting and incremental (or
base year) budgeting.
asked 4 hours ago -
4 pts 10. Which of the following hypothesis would be MOST
difficult to test experimentally? Group...
asked 4 hours ago -
A business owner makes 1,000 items a day. Each day he or she
contributes eight hours...
asked 4 hours ago -
A
circular loop in the plane of a paper lies inca0.65 T magnetic
field pointing into...
asked 4 hours ago -
A business owner is trying to decide whether to buy, rent, or
lease office space and...
asked 4 hours ago -
Thermal Storage Solar heating of a house is much more efficient
if there is a way...
asked 5 hours ago -
Considering the “fits” for group and job design dimensions,
suppose you had 12 employees with different...
asked 5 hours ago