HTML is not displaying correctly on the website

  • Unknown's avatar
    thisbathsdabomb · Member ·

    I am attempting to create a basic order form using HTML for my website, and while it displays correctly in the ‘visual’ tab, it does not display that way on the actual blog.
    This is the html being used:
    <h1>Order Bath Bombs!</h1>
    Use the form below to place an order for your bath bombs. You will be sent a confirmation email to the email provided in the form.

    <form action=’MAILTO:"(email visible only to moderators and staff)"’>
    <fieldset><legend>Personal Information</legend>First name:    <input name=’firstname’ type=’text’ />
    Last name:     <input name=’lastname’ type=’text’ />
    Email:              <input name=’email’ type=’text’ /></fieldset>
    <fieldset><legend>Shipping Information</legend>Address Line 1:     <input name=’address1′ type=’text’ />
    Address Line 2:    <input name=’address2′ type=’text’ />
    City:  <input name=’city’ type=’text’ />     State: <input name=’state’ type=’text’ />      Zip Code: <input name=’zip’ type=’text’ /></fieldset>
    <fieldset><legend>Order Information</legend><select name=’Fragrance’>
    <option>Vanilla</option>
    <option>Lavender</option>
    <option>Eucalyptus</option>
    </select>       <input name=’quantity’ type=’number’ /> – Quantity</fieldset>
    <input type=’submit’ value=’Submit’ />
    </form>

    And here is the link to what is showing up on my page: https://thisbathsdabomb.wordpress.com/order-da-bath-bombs/

    I do not have any plug-ins installed, and I have checked in other browsers and am getting the same result. Any help would be greatly appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    houstonweaver · Member ·

    This may be the root of the issue:

    From https://en.support.wordpress.com/code/

    “If you are familiar with HTML, you’ll notice that codes such as embed, frame, iframe, form, input, object, textarea and others are missing from the above list [of allowed codes]. These codes are not allowed on WordPress.com for security reasons.”

  • Unknown's avatar
    prodiniz · Member ·

    In the meantime, I whipped this up real fast using some of your info. It’s not as awesome as what you had, but maybe you can use it until you find a better solution. You can also edit the individual fields in the page editor. I used the guidelines here:
    https://en.support.wordpress.com/contact-form/

    Code:

    <h1>Order Bath Bombs!</h1>
    Use the form below to place an order for your bath bombs. You will be sent a confirmation email to the email provided in the form.

    [contact-form to="(email visible only to moderators and staff)" subject="New Order Form Submitted"]
    [contact-field label="First Name" type="name" required="1" /]
    [contact-field label="Last Name" type="name" required="1" /]
    [contact-field label="Email" type="email" required="1" /]
    [contact-field label="Address Line 1" type="text" required="1" /]
    [contact-field label="Address Line 2" type="text" required="1" /]
    [contact-field label="City" type="text" required="1" /]
    [contact-field label="State" type="text" required="1" /]
    [contact-field label="Zip Code" type="text" required="1" /]
    [contact-field label="Fragrance" type="select" options="Vanilla,Lavender,Eucalyptus" required="1" /]
    [contact-field label="Quantity" type="text" required="1" /]
    [contact-field label="Comment" type="textarea" /]
    [/contact-form]

  • Unknown's avatar
    thisbathsdabomb · Member ·

    Thank you both! I had no idea that there were certain codes that were not allowed here, so that definitely was a problem!

    @prodiniz: Thank you!! That will work perfect!

    I greatly appreciate you guys’ help!

  • The topic ‘HTML is not displaying correctly on the website’ is closed to new replies.