jQWidgets é uma estrutura JavaScript para fazer aplicativos baseados na web para PC e dispositivos móveis. É uma estrutura muito poderosa e otimizada, independente de plataforma e amplamente suportada. O jqxFormattedInput é um widget de entrada jQuery que é usado para receber a entrada de números no formato binário, octal, decimal ou hexadecimal. O número de entrada pode ser aumentado / diminuído por meio dos botões giratórios, que são opcionais, e o sistema numérico pode ser alterado por meio de um menu pop-up que também é opcional.

A propriedade placeHolder é usada para definir ou retornar o marcador de posição do widget jqxFormattedInput. Aceita valor do tipo String e seu valor padrão é vazio ”.

Sintaxe:

Defina a propriedade placeHolder.

$('selector').jqxFormattedInput({ placeHolder: String });

Retorne a propriedade placeHolder.

var placeHolder = $('selector').jqxFormattedInput('placeHolder');

Arquivos vinculados: Baixe jQWidgets no link fornecido https://www.jqwidgets.com/download/. No arquivo HTML, localize os arquivos de script na pasta baixada.

tipo <link rel = ”stylesheet” href = ”jqwidgets / styles / jqx.base.css” type = ”text / css” />
<link rel = ”stylesheet” href = ”jqwidgets / styles / jqx.energyblue.css” = ”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 / jqxformattedinput.js ”> </script>

O exemplo a seguir ilustra a propriedade jQWidgets jqxFormattedInput placeHolder.

Exemplo:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.energyblue.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/jqxformattedinput.js"></script>
</head>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            jQWidgets jqxFormattedInput placeHolder Property
        </h3>
  
        <div id="jqxFI">
            <input type="text" />
            <div></div>
        </div>
    </center>
  
    <script type="text/javascript">
        $(document).ready(function() {
            $("#jqxFI").jqxFormattedInput({
                width: 300,
                height: 40,
                radix: "decimal",
                value: "121",
                spinButtons: true,
                placeHolder: "Enter Number"
            });
        });
    </script>
</body>
  
</html>

Saída:

Referência: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxformattedinput/jquery-formatted-input-api.htm