Creating editable contact form with Bing GTP4

Save
2 years ago
32
Technology Tutorials

<!DOCTYPE html>
<html>
<head>
<title>Contact Form</title>
<style>
/* Style for the submit button */
input[type=submit] {
background-color: red;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}

/* Style for the input fields */
input[type=text], input[type=email], input[type=tel] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: none;
border-bottom: 2px solid red;
}

/* Style for the form container */
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
</head>
<body>

<h2>Contact Form</h2>

<div class="container">
<form action="/action_page.php">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Your name here">

<label for="phone">Phone</label>
<input type="tel" id="phone" name="phone" placeholder="Your phone here">

<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Your email here">

<input type="submit" value="Submit">
</form>
</div>

</body>
</html>

https://codepen.io/

Loading comments...