Propriedade jQWidgets jqxFormattedInput placeHolder
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:
As postagens do blog Acervo Lima te ajudaram? Nos ajude a manter o blog no ar!
Faça uma doação para manter o blog funcionando.
70% das doações são no valor de R$ 5,00...
Diógenes Lima da Silva