diff options
author | Matthew Strapp <msattr@gmail.com> | 2021-02-12 13:05:09 -0600 |
---|---|---|
committer | Matthew Strapp <msattr@gmail.com> | 2021-02-12 13:05:09 -0600 |
commit | 0bdaee277909295ff4539df694d262d8becae9da (patch) | |
tree | ea22011288661407ef6df625fbbae8876c87c086 /csci4131/hw2/strap012 | |
parent | do hw (diff) | |
download | homework-0bdaee277909295ff4539df694d262d8becae9da.tar homework-0bdaee277909295ff4539df694d262d8becae9da.tar.gz homework-0bdaee277909295ff4539df694d262d8becae9da.tar.bz2 homework-0bdaee277909295ff4539df694d262d8becae9da.tar.lz homework-0bdaee277909295ff4539df694d262d8becae9da.tar.xz homework-0bdaee277909295ff4539df694d262d8becae9da.tar.zst homework-0bdaee277909295ff4539df694d262d8becae9da.zip |
Help
Diffstat (limited to 'csci4131/hw2/strap012')
-rw-r--r-- | csci4131/hw2/strap012/MyForm.html | 27 | ||||
-rw-r--r-- | csci4131/hw2/strap012/myContacts.html | 10 | ||||
-rw-r--r-- | csci4131/hw2/strap012/myWidgets.html | 8 | ||||
-rw-r--r-- | csci4131/hw2/strap012/passwordcheck.css | 2 | ||||
-rw-r--r-- | csci4131/hw2/strap012/style.css | 14 |
5 files changed, 39 insertions, 22 deletions
diff --git a/csci4131/hw2/strap012/MyForm.html b/csci4131/hw2/strap012/MyForm.html index 337f26d..2bf0273 100644 --- a/csci4131/hw2/strap012/MyForm.html +++ b/csci4131/hw2/strap012/MyForm.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en-US"> <head> <meta charset="utf-8"> @@ -17,23 +17,34 @@ </table> </nav><br> <h2>Simple Form</h2> - <form method="post"> + <form action="http://www-users.cselabs.umn.edu/~joh13266/echo.php/" method="post"> <p> <label>Name: - <input name="name" type="text" size="25" maxlength="30"><br><br> + <input name="name" type="text" size="25" maxlength="30" id="name"><br><br> + </label> + <label>Category: + <select name="category" type="text" id="category"> + <option value="Personal">Personal</option> + <option value="Academic">Academic</option> + <option value="Industry">Industry</option> + </select><br><br> + </label> + <label>Location: + <input name="location" type="text" size="25" maxlength="250" id="location"><br><br> + </label> + <label>Contact Information: + <input name="contact" size="25" maxlength="250" id="contact"><br><br> </label> <label>Email: - <input name="email" Type="email" size="25" maxlength="30"> (name@test.dom)<br><br> + <input name="email" Type="email" size="25" maxlength="30" id="email"><br><br> </label> <label> URL - <input name="URL" Type="url" size="25" maxlength="30">(/https?/g://web.site)<br> + <input name="website" Type="url" size="25" maxlength="30" id="website"><br> </label> - - </p> <p> <input type="submit" value="Submit"> <input type="reset" value="Clear"> </p> </form> -</body>
\ No newline at end of file +</body> diff --git a/csci4131/hw2/strap012/myContacts.html b/csci4131/hw2/strap012/myContacts.html index d05a924..c1d9f34 100644 --- a/csci4131/hw2/strap012/myContacts.html +++ b/csci4131/hw2/strap012/myContacts.html @@ -36,7 +36,7 @@ <th>Email</th> <th>URL</th> </tr> - <tr onmouseover="change('morrill.jpg', 'morrill.jpg', 0)" onmouseout="change('gophers-mascot.png', 'data:,', 0)"> + <tr onmouseover="change('morrill.jpg', 'morrill.jpg', 0)" onmouseout="change('morrill.jpg', 'data:,', 0)"> <td>Joan Gabel</td> <td>Industry</td> <td>100 Church Street SE<br> 202 Morrill Hall<br> Minneapolis MN 55455</td> @@ -44,7 +44,7 @@ <td><a href="mailto:upres@umn.edu">upres@umn.edu</a></td> <td><a href="https://president.umn.edu/">Home Page</a></td> </tr> - <tr onmouseover="change('walter.jpg', 'walter.jpg', 1)" onmouseout="change('gophers-mascot.png', 'data:,', 1)"> + <tr onmouseover="change('walter.jpg', 'walter.jpg', 1)" onmouseout="change('walter.jpg', 'data:,', 1)"> <td>Mostafa Kaveh</td> <td>Industry</td> <td>117 Pleasant St SE<br> 105 Walter Library<br> Minneapolis MN 55455</td> @@ -52,7 +52,7 @@ <td><a href="mailto:mos@umn.edu">mos@umn.edu</a></td> <td><a href="https://cse.umn.edu/college/office-dean">Home Page</a></td> </tr> - <tr onmouseover="change('johnston.jpg', 'johnston.jpg', 2)" onmouseout="change('gophers-mascot.png', 'data:,', 2)"> + <tr onmouseover="change('johnston.jpg', 'johnston.jpg', 2)" onmouseout="change('johnston.jpg', 'data:,', 2)"> <td>John Coleman</td> <td>Industry</td> <td>101 Pleasant Street SE<br> 215 Johnston Hall<br> Minneapolis MN 55455</td> @@ -60,7 +60,7 @@ <td><a href="mailto:coleman@umn.edu">coleman@umn.edu</a></td> <td><a href="https://cla.umn.edu/units/dean">Home Page</a></td> </tr> - <tr onmouseover="change('snyder.jpg', 'snyder.jpg', 3)" onmouseout="change('gophers-mascot.png', 'data:,', 3)"> + <tr onmouseover="change('snyder.jpg', 'snyder.jpg', 3)" onmouseout="change('snyder.jpg', 'data:,', 3)"> <td>Valery Forbes</td> <td>Industry</td> <td>1475 Gortner Avenue<br> 123 Snyder Hall<br> St. Paul MN 55108</td> @@ -68,7 +68,7 @@ <td><a href="mailto:cbsdeans@umn.edu">cbsdeans@umn.edu</a></td> <td><a href="https://cbs.umn.edu/about/college-leadership">Home Page</a></td> </tr> - <tr onmouseover="change('carlson.jpg', 'carlson.jpg', 4)" onmouseout="change('gophers-mascot.png', 'data:,', 4)"> + <tr onmouseover="change('carlson.jpg', 'carlson.jpg', 4)" onmouseout="change('carlson.jpg', 'data:,', 4)"> <td>Sri Zaheer</td> <td>Industry</td> <td>321 19th Avenue S<br> Suite 4-300 Carlson School of Management<br> Minneapolis MN 55455</td> diff --git a/csci4131/hw2/strap012/myWidgets.html b/csci4131/hw2/strap012/myWidgets.html index 8c249f7..301cbd6 100644 --- a/csci4131/hw2/strap012/myWidgets.html +++ b/csci4131/hw2/strap012/myWidgets.html @@ -20,15 +20,15 @@ </nav> <br><br> <div class="grid"> - <div class="griditem"> + <div class="griditem", id="grid0"> <iframe width="500" height="350" src="https://www.youtube.com/embed/videoseries?list=PLkNVwyLvX_TFBLHCvApmvafqqQUHb6JwF" allow="utoplay; encrypted-media" allowfullscreen></iframe> </div> - <div class="griditem"> + <div class="griditem" id="grid1"> <a class="twitter-timeline" data-lang="en" data-width="300" data-height="400" data-dnt="true" data-theme="light" href="https://twitter.com/elonmusk?ref_src=twsrc%5Etfw">Tweets by elonmusk</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> - <div class="griditem"> + <div class="griditem" id="grid2"> <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BsOGulcndj-/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="13" @@ -125,7 +125,7 @@ <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="passwordcheck.css" /><!-- Include Your CSS file here--> - <script src="passwordcheck.js" defer></script><!-- Include Your jQUery file here--> + <script src="passwordcheck.js" defer></script><!-- Include Your js file here--> <div id="container"> <div id="header"> <h2 class="password">Password Strength Checking with Javascript</h2> diff --git a/csci4131/hw2/strap012/passwordcheck.css b/csci4131/hw2/strap012/passwordcheck.css index efa69a7..beceb1c 100644 --- a/csci4131/hw2/strap012/passwordcheck.css +++ b/csci4131/hw2/strap012/passwordcheck.css @@ -57,4 +57,4 @@ font-weight:bold; color: limegreen; font-size:larger; -}
\ No newline at end of file +} diff --git a/csci4131/hw2/strap012/style.css b/csci4131/hw2/strap012/style.css index be19954..8b92eaa 100644 --- a/csci4131/hw2/strap012/style.css +++ b/csci4131/hw2/strap012/style.css @@ -3,6 +3,11 @@ margin-left: 20px; background-color: white; } + +label { + color: black; +} + #bigboi { float: right; height: auto; @@ -15,13 +20,14 @@ } .grid { - display: grid; + display: inline-grid; grid-template-columns: auto auto auto; - align-content: center; + grid-gap: 2%; } .griditem { - padding: .3em; + align-content: center; + padding: 1%; } table, th, td { @@ -46,4 +52,4 @@ iframe { body { background-color:antiquewhite; -}
\ No newline at end of file +} |