Hello, I need to make a tell a friend form for my future website on weebly. You can only use html and css at them(no php, javascript, etc.). I don't know why the submit button doesn't work and the text on it can be modified, why the submit button is "Submit. Also, I'm not sure how to name the form in html (form,form class, form id) so I can edit it in css too, and I don't know how to put the references from the first 3 rows in my example to work. The form should send me a copy of the email sent, the subject and the message are readonly, the sender is only the email address from "your email" not my address. Could you please help me ? I had posted here on a testing page http://bc02.weebly.com/index.html the form and its code (I replaced some <> with () so I can post the code on the page). Thank you.
1) you should only have one form tag, not THREE. All those properties belong in ONE element. 2) you have the fields set to readonly, then wonder why you can't edit them? That's what "readonly" means! 3) it's type="submit", not just "submit" 4) semantically a label and input are NOT a paragraph. You're basically using P to do margin's job. 5) you have a perfectly good ID on the form, what does it need a class for? (or vice versa) 6) the following attributes either do not exist in HTML (even 5) or are not valid on FORM: "recipients", "allow_html", "return" or "redirect" -- those are complete fictional gibberish that I have no clue where you got the idea they belong in there. 7) mailto is not a valid action either... mailto can only be used in anchors. You need a server side program to receive the form data, as e-mail forms do NOT and should not use the clients local mail client. 8) You seem to have styled quotes on the submit -- don't know if that's a artifact of the cut/paste process, or if you did something silly like edited code in a word processor, but those are invalid too. 9) Unless you are using multiple submits, there's no reason to put NAME on a submit. 10) you should probably have at least one fieldset for semantics and accessibility... at the very least a block level container inside form so you're building valid 2001+ code instead of being stuck in 1997. <form method="post" action="mail.php" enctype="text/plain" id="tellafriend_form" > <fieldset> <label for="from">Your Email:</label><br /> <input id="from" name="from" size="40" maxlength="35" /><br /> <label for="name">Your Name:</label><br /> <input id="name" name="name" size="40" maxlength="35" /><br /> <label for="to">Friend's email:</label><br /> <input id="to" name="to" size="40" maxlength="35" /><br /> <label for="subject">Subject:</label><br /> <input id="subject" name="subject" size="40" value="Hi!" /><br /> <label for="message">Message:</label><br /> <textarea id="message" name="message" rows="18" cols="40">See this website</textarea><br /> <input type="submit" value="Submit form" /> </fieldset> </form> Code (markup): Though you're still going to need some form of 'mail' program (like the dummy mail.php URL I have in there) to process that form -- you can't just send it to 'mailto' like that - that's not how it works.