Lets say you’re developing a rather large web application with lots of forms. What do you think about using JavaScript to set the proper classes for styling these forms instead of marking them up with the styles embedded? Let’s also assume, for the sake of argument, that JavaScript is already required for the web app to function properly.
The idea is that a formStyling.js could be included that would scan all the necessary form elements when the document is ready and apply the styles appropriately. This way, you don’t need any additional markup on the form elements (like applying a "text" class to text inputs, etc., etc.). Also, you’d be able to change the actual name of the class or how and when the classes are applied from a central location; otherwise, when the name of a class or when it gets applied changes you’d have to change every instance throughout your application.
So, what do you all think about this approach? I’m sure there are drawbacks. Just a little discussion.
