How to edit input fields codes in the form?


#1

Hi,

How do I edit the codes of an input field?

For instance the input field in the unbounce form is this,

<input type="text" id="cep" name="cep" class="text" style="top: 19px; left: 0px; width: 231px; font-size: 15px; height: 38px; padding-left: 11px; padding-right: 11px; lineheight: 15px;">   

Now I want to modify it so it will look like this,

<input type="text" id="cep" name="cep" class="text" style="top: 19px; left: 0px; width: 231px; font-size: 15px; height: 38px; padding-left: 11px; padding-right: 11px; lineheight: 15px;" onkeypress="MascaraCep(form1.cep);" maxlength="10" onblur="ValidaCep(form1.cep)">   

I already spent many hours looking for the edit/modify button for input fields, but I can’t find the button. Or perhaps there is no button or feature to modify the existing codes of the input field?

If I’ll use/insert “Custom HTML” then I will run into multiple sub problems.
And what’s the use of unbounce if I’ll code everything from scratch again?
And my boss can’t modify it easily, If i’ll use the “custom HTML”

Hope someone will give a good advice.

Thank you very much in advance.

warren


#2

Hey Warren

There’s no existing feature on our builder to easily add code the buttons input attributes. You could do so using javascript, however that would be just as manual as creating your own button using Custom HTML.

That said I’ll pass along your need for this feature to the rest of our team.