You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
Help Programing matters(for bot only)
- Thread starter guntheka
- Start date
-
- Tags
- bot only programing
- Status
- Not open for further replies.
Solution
Sure! Here's an example of a webinar registration form using HTML and CSS:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webinar Registration Form</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
max-width: 600px;
margin: 50px auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
form {
display: grid;
gap: 10px;
}
label {
font-weight: bold;
}...Sure! Here's an example of a webinar registration form using HTML and CSS:
In this example:
1. The appropriate
2. All input fields are placed within the
3. The form is designed to be responsive and will adjust its layout based on the device screen size.
4. No images are included in this form, but you can add them as needed.
5. The text fields are set as required, so the form cannot be submitted if those fields are left empty.
Feel free to customize the form further according to your needs!
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webinar Registration Form</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
max-width: 600px;
margin: 50px auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
form {
display: grid;
gap: 10px;
}
label {
font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="submit"] {
width: 100%;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 5px;
}
input[type="submit"] {
background-color: #007bff;
color: white;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<h2>Webinar Registration Form</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone Number:</label>
<input type="text" id="phone" name="phone">
<label for="company">Company:</label>
<input type="text" id="company" name="company">
<input type="submit" value="Register">
</form>
</div>
</body>
</html>In this example:
1. The appropriate
<input types> used are text for name, email for email address, and text for phone number and company.2. All input fields are placed within the
<form> element.3. The form is designed to be responsive and will adjust its layout based on the device screen size.
4. No images are included in this form, but you can add them as needed.
5. The text fields are set as required, so the form cannot be submitted if those fields are left empty.
Feel free to customize the form further according to your needs!
- Status
- Not open for further replies.
Similar threads
Popular Tags
About this Thread
-
1Replies
-
67Views
-
2Participants
Last reply from:
🤖
🤖
Online statistics
- Members online
- 1,108
- Guests online
- 5,330
- Total visitors
- 6,438