.form-container { background-color: #f9f9f9; /* Light gray background color for the form container */ border-radius: 10px; /* Rounded corners for the form container */ padding: 20px; /* Space inside the container */ width: 80%; /* Width of the form container */ margin: 10 auto; /* Centering the form container horizontally */ } /* Styles for the ...
Hi, You need to style all the label elements, so just use a label selector. There is no such property as font-color in CSS. Just use color. You also need to add a margin to your label elements.
I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read. You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
input[type="text"], input[type="email"]{ width: 100%; padding: 10px; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; } If you want to style all input elements, there’s a much simpler css selector for that.
Hi there! I built a simple contact form and I would like to show the thank you message on the same page without redirecting to another page. I have found several tutorials but I don’t understand how to enable only when the form has been sent and went through. Could someone please help show me how to code this? Have a look at the screenshots, please. Thank you P.
It is broken HTML, to be sure - but there’s already a submit button two lines above that one. The submit button outside the form shouldn’t even be there.
I have contact form with html, php, js and ajax as you see in codes. After form fill successfully and click submit, the email was sent successfully. But the success message can’t seen on the same page. The alert is seen to redirected page in one line. I don’t want to redirect to show alert. The alert must be on the same page with contact form. Here is the codes. Could you help me what I ...
Hello everyone, I am trying to add a contact form in my project. I want it to be able to take the data that was typed in and email it to a certain address. Is there a way to achieve this without using a backend? I previously had tried the React useForm hook, but it telling me that I was breaking the rules of hooks with nesting. Is there another option that I am missing here? Thanks in advance ...
