Dating Web Site Assessment
How do I make an dating web site assessment?
What is a dating web site assessment? How do you make a dating web site assessment? This script and codes were developed by Luciano Boaventura Britis on 11 January 2023, Wednesday.
Dating Web Site Assessment - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Dating Web Site Assessment</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<head> <title>Part3</title> <style type="text/css">
</head>
</style>
<h1>Please Enter Your Details For Our Dating Website</h1> <form action="https://ihome.ust.hk/~rossiter/cgi-bin/show_everything.php" method="post" enctype="multipart/form-data"> <fieldset> <legend><h3>Your Face</h3></legend> <label for="avatar">Your image:</label> <input type="file" id="avatar" name="avatar" required><br> <p class="left">image preview:<img src="" id="preview"></p> </fieldset><br> <fieldset> <legend><h3>Your General Details</h3></legend> <form> <label for="age">Name:</label> <input type="text" name="name" required><br> <label for="gender">Gender:</label> <input type="radio" name="gender" required> <label>Male</label> <input type="radio" name="gender" required> <label>Female</label><br> <label for="age">Your age:</label> <input type="number" min="0" max="99" step="1" value="18" name="age" required><br> <label for="birthday">Your birthday:</label> <input type="date" name="birthday"><br> <label for="wakeup">You want to wake up at:</label> <input type="time" name="wakeup"><br> <label for="color">Your favorite color:</label> <input type="color" name="color"> <br> <label for="cities">Wich Country:</label> <select name="cities"> <option value="hk">Hong Kong</option> <option value="vc">Vancouver</option> <option value="hk">Brazil</option> <option value="vc">Australia</option> <option value="hk">China</option> <option value="vc">San Francisco</option><br> </select> </fieldset> <br> <fieldset> <legend><h3>Your indicators</h3></legend> <label for="height">Height:</label class=""><label class="range_left"> Short</label> <input type="range" min="0" max="100" step="5" value="50" name="height"><label class="range_left">Tall</label><br> <label for="salary">Salary:</label><label class="range_right">Poor</label> <input type="range" min="0" max="100" step="5" value="50" name="salary" class="center"><label class="range_right">Rich</label><br> </fieldset><br> <br> <fieldset> <legend><h3>Your Contact Information</h3></legend> <label for="email">Email:</label> <input type="email" name="email" required><br> <label for="tel">Mobile:</label> <input type="tel" name="tel"><br> <label for="tel">Adress:</label> <textarea></textarea rows="3" cols="30"> </fieldset><br> <label for="contact">Method to contact you:</label> <input type="checkbox" name="contact"> <label>Email</label> <input type="checkbox" name="contact"> <label>Wattsapp</label> <input type="checkbox" name="contact"> <label>in-app-chat</label> </form> <input type="submit" value="Send"> <script src='https://www.cse.ust.hk/~rossiter/dating_web_site.js'></script>
</body>
</html>
Dating Web Site Assessment - Script Codes CSS Codes
fieldset { background-color: lightyellow; border:10px solid yellow; margin-bottom:10px; width:720px;
}
label { width:180px; display:inline-block; text-align: right; vertical-align: top;
}
textarea { width:360px; height:50px;
}
input[type=checkbox] + label{ width:auto;
}
input[type=radio] + label{ width:auto;
}
input[type=range] + label{
text-align:center;
}
.left { text-align: left; padding-left:80px;
}
.center { text-align:center;
}
.range_left { text-align: center; background: red; width: 60px; color: white
}
.range_right { text-align: center; background: blue; width: 60px; color: white}
Developer | Luciano Boaventura Britis |
Username | Luciano_Britis |
Uploaded | January 11, 2023 |
Rating | 3 |
Size | 2,476 Kb |
Views | 6,072 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Color Guessing Game | 2,375 Kb |
Example the DOM object | 1,788 Kb |
Luciano_Britis | 10,654 Kb |
Quotes | 5,305 Kb |
Project - Build a Wikipedia Viewer | 2,640 Kb |
A Pen by Luciano Boaventura Britis | 2,290 Kb |
Build a Tribute Page | 3,107 Kb |
Project -Show the Local Weather | 2,583 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Awesome | Samarthpd | 2,901 Kb |
Spin | Elalemanyo | 8,262 Kb |
CSS Patterns | Alyda | 3,953 Kb |
A simple log in form made with css | Mayurelbhar | 2,160 Kb |
Swiftype Lower Third | Zumwalt | 4,796 Kb |
Greyscale image with filter in CSS3 | NickyCDK | 1,562 Kb |
Sample Profile Screen | OurDailyBread | 5,375 Kb |
Product item | Mymahesh11 | 2,256 Kb |
Drop Cap | Gsaiki | 1,571 Kb |
Basic template | Tomcat | 1,675 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!