# Good practice: Styling input fields in HTML **URL:** \ **Category:** HTML\ **Created:** [July 25, 2017, 12:53pm UTC](https://forum.universal-robots.com/t/good-practice-styling-input-fields-in-html/1011 "2017-07-25T12:53:12Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![jbm](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.universal-robots.com/jbm/32/614_2.png) [@jbm](https://forum.universal-robots.com/u/jbm)\ **Post date:** [July 25, 2017, 12:53pm UTC](https://forum.universal-robots.com/t/good-practice-styling-input-fields-in-html/1011/1 "2017-07-25T12:53:12Z")
When your URCap may contain multiple input fields, it is often desired to shape and size these differently, depending on the type of input (text, small numerics, long numbers etc.) Using the CSS class element in input elements, allows you to design multiple sizes and appearances of input elements. E.g. this HTML code: ```auto My Installation

Settings

Please input information:

My big number:
My small number:
 
``` Will yield the following result: ![](https://us1.discourse-cdn.com/flex020/uploads/universal_robots/original/1X/89da2d9778f8a8fadb36b6598203220aaac4634b.png) Hence, by adding the `class="bignum"`or other pre-defined style class to the input element, this will inherit these settings. In this case, the text in the button is set in the same way as a [multiline label](http://forum.universal-robots.com/t/multiline-label/977) with `BUTTON.setText("SQUARE
BUTTON
TEXT")` from the Java layer.