Creating custom theme – custom form fields

Hello,

I’m currently creating a custom theme and I’ve got myself stuck at creating forms.

I need every person downloading the theme to be able to build and insert form inside a page (lots of plugins to choose from), but I also need fields to have a structure I want (so it looks and interact the way I want to). The HTML structure of input[type=”text”] is following:

<label class="input">
	<input class="input__field" type="text">
	<span class="input__label">
		<span class="input__label-content">First name</span>
	</span>
</label>

The possible solutions I’ve come up with are:

1. Using existing form plugin
But it would have to have the option of setting my own structure of fields. Does some plugin offer that option?

2. Use simple plugin and wrap each input with necessary tags with javascript
This would probably work, though it’s not a “clean” solution

3. Write my own plugin
Best, but also the most expensive option.

So the question is: how should I implement creating forms with custom field structure into the theme?

Thanks a lot!

Tom