jQWidgets jqxFormattedInput placeHolder-Eigenschaft
jQWidgets ist ein JavaScript-Framework zum Erstellen webbasierter Anwendungen für PCs und Mobilgeräte. Es ist ein sehr leistungsfähiges und optimiertes Framework, plattformunabhängig und weithin unterstützt. jqxFormattedInput ist ein jQuery-Eingabe-Widget, das für die Eingabe von Zahlen im binären, oktalen, dezimalen oder hexadezimalen Format verwendet wird. Die eingegebene Zahl kann über die Drehschaltflächen erhöht/verringert werden, was optional ist, und das Zahlensystem kann über ein Popup-Menü geändert werden, das ebenfalls optional ist.
Die placeHolder-Eigenschaft wird verwendet, um den Platzhalter des jqxFormattedInput-Widgets festzulegen oder zurückzugeben. Es akzeptiert Werte vom Typ String und sein Standardwert ist leer.
Syntax:
Legen Sie die placeHolder-Eigenschaft fest.
$('selector').jqxFormattedInput({ placeHolder: String });
Gibt die placeHolder-Eigenschaft zurück.
var placeHolder = $('selector').jqxFormattedInput('placeHolder');
Verknüpfte Dateien: Laden Sie jQWidgets über den angegebenen Link https://www.jqwidgets.com/download/ herunter. Suchen Sie in der HTML-Datei die Skriptdateien im heruntergeladenen Ordner.
<link rel=“stylesheet“ href=“jqwidgets/styles/jqx.base.css“ type=“text/css“ />
<link rel=“stylesheet“ href=“jqwidgets/styles/jqx.energyblue.css“ eingeben ="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>
Das folgende Beispiel veranschaulicht die Eigenschaft jQWidgets jqxFormattedInput placeHolder.
Beispiel:
HTML
<!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>
Ausgabe:
