Title: Customize components / input html structure
Last modified: August 22, 2016

---

# Customize components / input html structure

 *  [MrAlexander.Ca](https://wordpress.org/support/users/mralexanderca/)
 * (@mralexanderca)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/customize-components-input-html-structure/)
 * Hi,
 * I dont see any hooks to modify the structure of an element/components.
 * What would be the best way of achieving this?
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/customize-components-input-html-structure/#post-5249020)
 * See [Getting Started with Contact Form 7](http://contactform7.com/getting-started-with-contact-form-7/)
 *  Thread Starter [MrAlexander.Ca](https://wordpress.org/support/users/mralexanderca/)
 * (@mralexanderca)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/customize-components-input-html-structure/#post-5249091)
 * Thanks for the reply, Arigato, looks like we are misunderstanding each other.
 *     ```
       The current structure comes out like this:
   
       <code><span class=&quot;wpcf7-form-control-wrap your-name&quot;><input type=&quot;text&quot; name=&quot;your-name&quot; value=&quot;&quot; size=&quot;40&quot; class=&quot;wpcf7-form-control wpcf7-text wpcf7-validates-as-required&quot; aria-required=&quot;true&quot; aria-invalid=&quot;false&quot;></span></code>
   
       We would like to have it like this:
       ```
   
 * <div class=”wpcf7-form-control-wrap your-name”>
    <div class=”inner”> <input type
   =”text” name=”your-name” value=”” size=”40″ class=”wpcf7-form-control wpcf7-text
   wpcf7-validates-as-required” aria-required=”true” aria-invalid=”false”> </div
   ></div>`
 * Essentially modifying the surrounding html and how the input is output, without
   having to rely on regex or anything like it.
 * Awaiting your reply.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Customize components / input html structure’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [MrAlexander.Ca](https://wordpress.org/support/users/mralexanderca/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/customize-components-input-html-structure/#post-5249091)
 * Status: not resolved