I have this code that I am building for my internship. I am trying to use the "date"input type in my code to add a pop up calender, however it isn't working. I have look at numerous websites, but i have yet to find someone who is having this problem. Any ideas on how to make this work? Here is my code:
<body>
<h1> Time Logging Form</h1>
<form method="post" id='datetime'>
<div class="form-row" id='datacell'>
<div class="editor-cell">
<input type="date" id="date">
</div>
<div class="editor-cell">
<input placeholder="Time in 00:00" type="text" id="timein">
</div>
<div class="editor-cell">
<input placeholder="Time out 00:00" type="text" id="timeout">
</div>
</div>
<input type="submit" value="+" id='plus'>
<input type="submit" value="submit" id='submit'>
</form>
</body>
What exactly you want to do with data attributs? When you run this html code in your browser, the calendar appears:
https://jsfiddle.net/6w5b5r5h/
<body>
<h1> Time Logging Form</h1>
<form method="post" id='datetime'>
...
</form>
</body>
Related
I am trying to send a POST request to my server with HTML but when i check access log on my server where nginx is running i only see post_request_body empty ('-') does anyone see where could be a problem? That's how my code looks right now. Thanks for any help.
<iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe>
<form action="https://myserver.com" target=dummyframe method="POST">
<div>
<label for="date">When do you come?</label>
<input type="date" id="od" value="2020-01-20">
</div>
<div>
<label for="date">When do you leave?</label>
<input type="date" id="do" value="2020-01-21">
</div>
<div>
<label for="email">Email</label>
<input type="text" id="em" value="email">
</div>
<div>
<button>Send!</button>
</div>
</form>
I found xhtml that looks like this:
<div class="mail_area">
<div class="mail">
<div class="mail_lef"></div>
<div class="mail_cen">
<form action="">
<input type="text" value="Enter your E-mail for instant
access..." name="Enter your E-mail" class="txtinput" onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue"/>
</form>
</div>
<div class="mail_rig"></div>
</div>
</div>
<div class="arrow_area">
<div class="left_arr"></div>
<div class="cen_but">
<span class="cen_text"><sup class="red">*</sup>We value your privacy and would never share your information.</span>
<form action="">
<input type="button" class="button" name="submit" align="middle"/>
</form>
</div>
<div class="rig_arr"></div>
</div>
In the first form I am going to add a method and an action.
It looks as though the second form was created this way so it could be lined up with other images.
So my question is, how can I setup the button in the second for to use the input information and get access to the action attribute of the first form?
Thanks for the help.
The easiest way to do this would be to turn this into one form instead of two. Otherwise you would have to use javascript.
<form action="">
<div class="mail_area">
<div class="mail">
<div class="mail_lef"></div>
<div class="mail_cen">
<input type="text" value="Enter your E-mail for instant access..." name="Enter your E-mail" class="txtinput" />
</form>
</div>
<div class="mail_rig"></div>
</div>
</div>
<div class="arrow_area">
<div class="left_arr"></div>
<div class="cen_but">
<span class="cen_text"><sup class="red">*</sup>We value your privacy and would never share your information.</span><br>
<input type="submit" class="button" name="submit" align="middle"/>
</div>
<div class="rig_arr"></div>
</div>
</form>
In order to override a <form> submitting data with the button you must:
A. Assign an id to the first form (in demo #form1)
B. Add the following attributes to the button:
Replace type="button" with type="submit"
Add formmethod="post" (or get)
Add formaction="https://httpbin.org/post" (The value is a live test server)
Add form="form1" (The value is the id of the targeted <form>)
Demo
This demo submits to a live test server, look for the form data in the JSON sent as the response to verify that it works
<div class="mail_area">
<div class="mail">
<div class="mail_lef"></div>
<div class="mail_cen">
<form id='form1' action="">
<input type="text" value="Enter your E-mail for instant access..." name="Enter your E-mail" class="txtinput" onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue" />
</form>
</div>
<div class="mail_rig"></div>
</div>
</div>
<div class="arrow_area">
<div class="left_arr"></div>
<div class="cen_but">
<span class="cen_text"><sup class="red">*</sup>We value your privacy and would never share your information.</span>
<form action="">
<input type="submit" class="button" name="submit" formmethod="post" formaction="https://httpbin.org/post" form="form1">
</form>
</div>
<div class="rig_arr"></div>
</div>
I am hosting a website on GitHub pages, and when I try to submit a formspree.io form I get the following error:
Here is my code:
<form action="http://formspree.io/example#example.com" method="post">
<div class="row uniform collapse-at-2">
<div class="6u">
<input type="text" name="_replyto" placeholder="Email">
</div>
</div>
<div class="12u">
<textarea name="Message" placeholder="Message..." rows="4" cols="50" maxlength="500"></textarea>
</div>
<br>
<div style="display:none">
<input type="hidden" name="_subject" value="New submission!">
<input type="hidden" name="_next" value="thanks.html">
<input type="text" name="_gotcha">
</div>
<div class="row uniform">
<div class="12u">
<ul class="actions">
<li>
<input type="submit" class="special" value="Send">
</li>
</ul>
</div>
</div>
</form>
Would this be due to a code error, GitHub pages error, or a formspree error?
Things you should do to make it work are as follows:
According to formspree example:
<form method="POST" action="http://formspree.io/YOUREMAILHERE">
<input type="email" name="email" placeholder="Your email">
<br>
<textarea name="message" placeholder="Your message"></textarea>
<button type="submit">Send</button>
</form>
Here put your email in "http://formspree.io/YOUREMAILHERE" after /. And if you want change name="email" to name="_replyto" this will change the senders email to a clickable link.(Helps while reading in mail)
If that also doesn't work and it shows that "you must use server. Formspree will not work in pages browsed as HTML pages."
Then inside your <head> tag put:
<meta name="referrer" content="origin">
Hope it works!!
All the best :)
I had the exact same problem - add the following to your field:
<meta name="referrer" content="origin" />
This worked from me.
I'm trying to remove the message box and I want to move the e-mail box to the right of the name, so that it all fits into the top bar.
I have tried removing the message box through the html code, but when I do, I get errors and it doesn't function properly.
I assume I have to remove something in the PHP because it's obviously not able to find the missing html code, but as I don't understand PHP I don't know what to remove.
this is the html code for the subscribe button
<div class="subscribe">
<div class="containerContact">
<div id="contactFormContainer">
<div id="contactForm">
<div class="loader"></div>
<div class="bar"></div>
<form action="mail.php" class="contactForm" name="cform" method="post">
<div class="input_boxes">
<p><label for="name">Name</label><span class="name-missing">Please enter your name</span><br />
<input id="name" type="text" value="" name="name" />
</p>
<p>
<label for="e-mail">E-mail</label><span class="email-missing">Please enter a valid e-mail</span><br />
<input id="e-mail" type="text" value="" name="email" />
</p>
<p><label for="message">Message</label><span class="message-missing">Say something!</span><br />
<textarea id="message" rows="" cols="" name="message"></textarea>
</p>
</div>
<input class="submit" type="submit" name="submit" value="Submit Form" onfocus="this.blur()" />
</form>
</div>
<div class="contact"></div>
</div>
</div>
<!-- this is the overlay which hides the rest of the website when the Subscribe button is pressed. -->
<div id="backgroundPopup"></div>
</div>
I can't post more than one link, so here is a text dump to the PHP and CSS for the subscribe button
any help would be much appreciated!!
I have this template where I customized whats on it BUT i got stuck on the contact page where the contact form upon clicking the button clear OR send button nothing happens. I really don't know much about most of the stuff ALL are from research through net but can't get to fix this. Am I missing something here?
Questions I have in mind:
1. Do I need to put something or create in "action"
2. What do I have to put in "href" to clear or send the form to my email?
Or you have a better idea.
<h2 class="p0">Contact Form</h2>
<form id="contact-form" action="#" method="post" enctype="multipart/form-data">
<fieldset>
<label><span class="text-form">Name:</span>
<input name="p1" type="text" />
</label>
<label><span class="text-form">Email:</span>
<input name="p2" type="text" />
</label>
<div class="wrapper">
<div class="text-form">Message:</div>
<textarea></textarea>
</div>
<div class="buttons"> <a class="button-2" href="#">Clear</a> <a class="button-2" href="#">Send</a> </div>
</fieldset>
</form>
Use real buttons, don't just give them a class called buttons.
In action, put down the name of the server file that will process this form, for example action="contact_form.php". If you would like to send an email, put down action="MAILTO:someone#example.com".
<h2 class="p0">Contact Form</h2>
<form id="contact-form" action="MAILTO:someone#example.com" method="post" enctype="multipart/form-data">
<fieldset>
<label><span class="text-form">Name:</span>
<input name="name" type="text" />
</label>
<label><span class="text-form">Email:</span>
<input name="email" type="text" />
</label>
<div class="wrapper">
<div class="text-form">Message:</div>
<textarea name="message"></textarea>
</div>
<div class="buttons">
<input type="button" value="Clear" onclick="document.getElementById('contact-form').reset()"
/>
<input type="submit" value="Send" />
</div>
</fieldset>
</form>