37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Homework 8 - Mad Libs Recipe</title>
|
|
<style>
|
|
@import url("/cs212/homework/8/styles.css");
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Mad Libs Recipe: A souper great one!</h1>
|
|
<form id="madLibs" method="POST">
|
|
<label for="ingredientOneInput">Any ingredient:</label>
|
|
<input type="text" id="ingredientOneInput" name="ingredientOne">
|
|
<br>
|
|
<label for="ingredientTwoInput">Broth:</label>
|
|
<input type="text" id="ingredientTwoInput" name="ingredientTwo">
|
|
<br>
|
|
<label for="ingredientThreeInput">Whole Vegetables (Plural):</label>
|
|
<input type="text" id="ingredientThreeInput" name="ingredientThree">
|
|
<br>
|
|
<label for="ingredientFourInput">Vegetable:</label>
|
|
<input type="text" id="ingredientFourInput" name="ingredientFour">
|
|
<br>
|
|
<label for="ingredientFiveInput">Vegetable:</label>
|
|
<input type="text" id="ingredientFiveInput" name="ingredientFive">
|
|
<br>
|
|
<label for="ingredientSixInput">Protein/Meat:</label>
|
|
<input type="text" id="ingredientSixInput" name="ingredientSix">
|
|
<br>
|
|
<label for="ingredientSevenInput">Seasoning:</label>
|
|
<input type="text" id="ingredientSevenInput" name="ingredientSeven">
|
|
<br>
|
|
<input type="submit" value="Generate Mad Lib!">
|
|
</form>
|
|
<div id="generatedLib"></div>
|
|
</body>
|
|
</html>
|