Entry field and submit in one line?

  • I want to add a form on a website where people can ask to stay informed (almost like a “news letter subscription”), which will consist of two elements:
    1) An “Enter your email address” field ([email* your-email akismet:author_email placeholder “Your email (required)”]) and
    2) A “Keep me informed” button for submission of the form ([submit “Keep me informed”])
    I have two wishes:
    A) On computers and tablets, I want the two elements to be shown on the same line, and therefor want to set the width of 1) to 60%, of 2) to 20%, have a “padding” of 10% in between the two fields and have a padding on either side of the form of 5% – on a smartphone it is okay if the form is split in to two lines.
    B) I would also like it to be a condition of sending the form that it has the “@” sign in the content (just to insure that it is an email and not a random text string).
    Any suggestions as how to solve any of these two issues?

    The page I need help with: [log in to see the link]

  • The topic ‘Entry field and submit in one line?’ is closed to new replies.