Zitat von protestix
Beitrag anzeigen
PHP-Code:
<!DOCTYPE HTML>
<head>
<title>Untitled</title>
<script>
document.addEventListener('DOMContentLoaded', init);
function init(){
var textfeld = document.querySelector("#textfeld");
var out_textfeld = document.querySelector("#out_textfeld");
var textfeld_maxLength = textfeld.getAttribute("maxlength");
out_textfeld.innerHTML = "Noch " + parseInt(textfeld_maxLength - textfeld.value.length) + " Zeichen.";
textfeld.addEventListener("input", function(){
out_textfeld.innerHTML = "Noch " + parseInt(textfeld_maxLength - textfeld.value.length) + " Zeichen.";
});
var textarea = document.querySelector("#textarea");
var out_textarea = document.querySelector("#out_textarea");
var textarea_maxLength = textarea.getAttribute("maxlength");
out_textarea.innerHTML = "Noch " + parseInt(textarea_maxLength - textarea.value.length) + " Zeichen.";
textarea.addEventListener("input", function(){
out_textarea.innerHTML = "Noch " + parseInt(textarea_maxLength - textarea.value.length) + " Zeichen.";
});
}
// -->
</script>
</head>
<body>
<p><label id="out_textfeld"></label></p>
<input type="text" id="textfeld" maxlength="5" />
<p><label id="out_textarea"></label></p>
<textarea id="textarea" cols="30" rows="20" maxlength="50"></textarea>
</body>
</html>
Kommentar