jQWidgets jqxNumberInput width Property Last Updated : 23 Jul, 2025 Comments Improve Suggest changes Like Article Like Report jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxNumberInput represents a jQuery widget that is used to add input currency, percentages and any type of numeric data. The input data can be presented in various ways. The other capabilities of this widget are to customizable the number of digits and decimal digits, currency symbol's string and position, group and decimal separator character. The width property is used to set or return the width of the jqxNumberInput widget. It accepts Number/String type value and its default value is null. Syntax: Set the width property. $('selector').jqxNumberInput({ width: Number/String }); Return the width property. var width = $('selector').jqxNumberInput('width'); Linked Files: Download jQWidgets from the given link https://www.jqwidgets.com/download/ In the HTML file, locate the script files in the downloaded folder. <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" /><script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script><script type="text/javascript" src="jqwidgets/jqxcore.js"></script><script type="text/javascript" src="jqwidgets/jqx-all.js"></script><script type="text/javascript" src="jqwidgets/jqxnumberinput.js"></script> The below example illustrates the jQWidgets jqxNumberInput width property. Example: HTML <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href= "jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqxnumberinput.js"></script> <script type="text/javascript" src="jqwidgets/jqx-all.js"></script> </head> <body> <center> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> jQWidgets jqxNumberInput width Property </h3> <div id='jqxNumberInput'></div> </center> <script type="text/javascript"> $(document).ready(function() { $("#jqxNumberInput").jqxNumberInput({ width: '250px', height: '35px', spinButtons: true }); }); </script> </body> </html> Output: Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxnumberinput/jquery-number-input-api.htm Comment More infoAdvertise with us Next Article jQWidgets jqxNumberInput theme Property A ashokjaiswal Follow Improve Article Tags : Web Technologies JQuery jQuery-jQWidgets jQWidgets-jqxNumberInput Similar Reads jQWidgets jqxInput width Property jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxInput is used to represent a jQuery input widget that contains auto-complete features The width property is 2 min read jQWidgets jqxNumberInput theme Property jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxNumberInput represents a jQuery widget that is used to add input currency, percentages and any type of numer 2 min read jQWidgets jqxNumberInput rtl Property jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxNumberInput represents a jQuery widget that is used to add input currency, percentages, and any type of nume 2 min read jQWidgets jqxMaskedInput width Property jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxMaskedInput represents a jQuery widget that is used to adding masks to distinguish the input numbers in a pr 2 min read jQWidgets jqxComplexInput width Property jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxComplexInput is a jQuery input widget that is used for taking input of complex numbers containing real an 2 min read jQWidgets jqxNumberInput spinMode Property jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxNumberInput represents a jQuery widget that is used to add input currency, percentages and any type of numer 2 min read Like