Oddness in email form

I am not a form expert by any stretch. In fact, anything but the most simple form gives me the hives. So I constructed this simple email form for a current client:

http://www.iraqtimeline.com/ncsb/alumni/

(I deliberately made it an HTML-only forwarding email form because the client does not want to wrangle any server-side stuff. If this is a bad idea, let me know.)

There are some little persnickety oddities about this form that I wonder about.

  • In Opera, when you click in the textarea or the input text block, the input submit button loses its rounded corners. This doesn’t happen in FF or Chrome. Any way to make Opera behave?
  • In FF, IE, and Chrome, the input text block is significantly longer than the textarea. In Opera (the browser I design in), I changed them to be even. Any way to even these up in all three browsers? If worse comes to worse, I’ll readjust them to be even in FF, but I’d like to make them even across the board.
  • IE gives the textarea box a scrollbar. Any way to make this disappear?

Thanks, all.

Sam, thanks for the input. I didn’t think about using the width property (duh). I did think about the overflow:hidden, but wasn’t sure it wouldn’t do icky things to the form in other browsers. Should have just tried it to see what happened!

You do realise that a lot of browsers just open the email client for action="mailto: and completely ignore the form content.

I’m not sure about the first part.

For the second part, you can make them line up by using the CSS width property and setting them to the same (it overrides the size and cols widths).

For the third one, you could try overflow:hidden to make the scrollbar disappear.

Hope that helps.

Stephen, I’m staying up past my bedtime to have a look. Thanks!

I have a free form2mail PHP script at http://www.felgall.com/php2.htm

The page has instructions on how to test if your hosting supports PHP at the top and the link to download the free script is just under the heading “How to Obtain the Script” where it says " download the simpler version".

Figures. I don’t have a standalone email client on my computer, but it doesn’t surprise me. Knew it was too simple to work. :slight_smile:

Arrgghh, I’ve got a bad case of PHP. Anyone got any hydrocortisone cream?

I just tested it, and none of the form data is recorded when the email opens on my Mac.

the client who will be maintaining the site might think PHP is a skin disorder.

Well, it’s certainly likely to lead to one once you try to get your head around it! :smiley:

Stephen, yeah, I know. It’s not a particularly ideal choice.

Ralph, I’m no PHP maven, and the client who will be maintaining the site might think PHP is a skin disorder. Got a suggestion?

This doesn’t happen in Opera for Mac.

  • In FF, IE, and Chrome, the input text block is significantly longer than the textarea. In Opera (the browser I design in), I changed them to be even. Any way to even these up in all three browsers?

Maybe try pixels instead:

.emailform input, textarea {
	width: 192px;
}
  • IE gives the textarea box a scrollbar. Any way to make this disappear?

There was a nice SP blog post about this:

It suggests

textarea
{
	overflow: auto;
}

I wouldn’t be using mailto in that form, though. Apart from felgall’s comment, the only advantage I see of having a form is that you get to hide the mailto bit, which is what attracts the spammers. Have you considered a little php form here?