/    Sign up×
Community /Pin to ProfileBookmark

Contact Form – Boxes Not Clickable

Hi all, sorry this is my first post as I’m new here but could do with some help.

apologies if my posts are in the wrong place or seem like daft questions, I’m still new to web development.

I’m creating a contact form in HTML, Here is my code for the form:
<div class=”contactcon”>
<form role=”form” action=”contact.php” method=”post”>
<div class=”form-group”>
<label for=”contact-name”>Name</label>
<input type=”text” name=”name” placeholder=”Enter your name…” class=”contact-name” id=”contact-name”>
</div>
<div class=”form-group”>
<label for=”contact-email”>Email</label>
<input type=”text” name=”email” placeholder=”Enter your email…” class=”contact-email” id=”contact-email”>
</div>
<div class=”form-group”>
<label for=”contact-number”>Contact Number</label>
<input type=”number” name=”number” placeholder=”Enter your contact number…” class=”contact-number” id=”contact-number”>
</div>
<div class=”form-group”>
<label for=”contact-subject”>Subject</label>
<input type=”text” name=”subject” placeholder=”Your subject…” class=”contact-subject” id=”contact-subject”>
</div>
<div class=”form-group”>
<label for=”contact-message”>Message</label>
<textarea name=”message” placeholder=”Your message…” class=”contact-message” id=”contact-message”></textarea>
</div>
<button type=”submit” class=”sndbtn”>Send</button>
</form>
</div>

It links to a php file that I have but my problem is that when I view it in a browser the, the contact form isn’t clickable for some reason and I can’t figure out why.

Could somebody offer any suggestions? Again I’m sorry if this is a daft question haha

Thanks
Rob

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@JMRKERMay 25.2018 — I'm not sure I understand the problem.

Do you have more than just the code shown above, ie; the rest of the HTML?

Can you include the CSS you are using as you make reference to it with the class settings?

When I place your code into a valid HTML page, I have no problems clicking the elements of the form.

BTW, welcome to the forums.
Copy linkTweet thisAlerts:
@rootMay 25.2018 — ALSO... USE BBCode or Markdown to keep code blocks you post seperate to questions and it helps people help you ?
Copy linkTweet thisAlerts:
@KrupeshAnadkatMay 25.2018 — I checked your Code in Codepen https://codepen.io/anon/pen/yjdrdZ

It works well, I suggest you put "required" attribute in all input tags also autocomplete="off" in form tag.

I personally recommend you to use Bootstrap , you can build beautiful form in 10 minutes.

If you want i can make one , freely, for you.

This looks Good too : https://codepen.io/JacobLett/pen/QrpJEp
×

Success!

Help @RobHowdle spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.26,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...