Fork me on GitHub


cssConsole is a jquery plugin that allows you to transform DOM element into console/terminal like input.

Browser Support

cssConsole has been tested and should work in


Some more examples


Include cssConsole and its stylesheet on your page before the closing body tag


Then just add it to one of DOMs elements



You can find complete source with examples at github

Or use those files


Settable Options

Option Description Data Type Default
type Type of the input box (eg. 'text', 'password') string 'text'
inputId If provided, sets the id for the input element string null
inputName If provided, sets the name for the input element string null
inputValue If provided, sets the value for the input element string null
preventEnter If true, prevents default action on pressing Enter key boolean true
charLimit Sets limit of characters in the input (0 = no limit) integer 0
onEnter Sets function to be executed on pressing Enter key function function (){ }


Method Description
reset Resets value of the input field
destroy Removes plugin functionality


cssConsole plugin is released under MIT license.


cssConsole plugin was created by Michał Kowalkowski. You can contact me at