https://legacy.forums.gravityhelp.com/topic/form-types-typeemail Gravity Support Forums Topic: Form Types? [type=email] en-US Mon, 20 Apr 2026 08:23:03 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-types-typeemail#post-29176 Tue, 05 Jul 2011 17:02:21 +0000 Kevin Flahaut 29176@https://legacy.forums.gravityhelp.com/ <p>The different input types currently used in Gravity Forms are below.. You'll see these if you have the HTML5 output option enabled.</p> <p>Text</p> <pre><code>[css] body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {border:1px solid red}</code></pre> <p>Email<br /> <pre><code>[css] body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email] {border:1px solid red}</code></pre> <p>Telephone<br /> <pre><code>[css] body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel] {border:1px solid red}</code></pre> <p>Website URL<br /> <pre><code>[css] body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=url] {border:1px solid red}</code></pre> <p>Number<br /> <pre><code>[css] body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=number] {border:1px solid red}</code></pre> <p>Password<br /> <pre><code>[css] body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=password] {border:1px solid red}</code></pre> <p>You may still want to target them specifically via inheritance from their parent item ID rather than applying the properties globally based on the shared class name. You can refer back to the samples in the documentation for more information.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/form-types-typeemail#post-29175 Tue, 05 Jul 2011 17:00:40 +0000 Carl Hancock 29175@https://legacy.forums.gravityhelp.com/ <p>It depends on if you have HTML5 turned on in the Gravity Forms Settings page. These input types are only used in HTML5. You would target them the same way you target the email in your example above.</p> <p>Here are the HTML5 input types that Gravity Forms implements:</p> <p>Email Field<br /> type=email</p> <p>Number Field<br /> type=number</p> <p>Website Field<br /> type=url</p> <p>Phone Field<br /> type=tel</p> <p>The majority of the fields simply use type=text because advanced HTML5 input types and form options are not supported by all major browsers. </p> https://legacy.forums.gravityhelp.com/topic/form-types-typeemail#post-29166 Tue, 05 Jul 2011 16:24:07 +0000 Tim 29166@https://legacy.forums.gravityhelp.com/ <p>Hey I have another question...</p> <p>I figgured out that if i target some of the advanced fields like email etc.. with </p> <p>[type=email] it i can change the size etc... </p> <p>is there an overview over what th other types are? website, phone etc?? how do i target those?</p> <p>Thanks!</p> <p>Tim </p>