Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<form action="POST"> <div id="answersGroup"> Odpověď #1: <input type="text" name="answers[]"><br> Odpověď #2: <input type="text" name="answers[]"><br> Odpověď #3: <input type="text" name="answers[]"><br> </div> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function getAnswersGroup() { return document.getElementById('answersGroup'); } function getAnswers() { var answersGroup = getAnswersGroup(); var answers = answersGroup.getElementsByTagName('input'); return answers; } function addNewInput() { var group = getAnswersGroup(); var answers = group.getElementsByTagName('input'); var text = document.createTextNode('Odpověď #' + (answers.length + 1) + ': '); var br = document.createElement('br'); var input = document.createElement('input'); input.type = 'text'; input.name = 'answers[]'; input.onfocus = onInputFocus; group.appendChild(text); group.appendChild(input); group.appendChild(br); } function getNumberOfEmptyInputs() { var answers = getAnswers(); var answer = null; var count = 0; for(var i = 0; i < answers.length; i++) { answer = answers[i]; if(answer.value.trim() == '') count++; } return count; } function onInputFocus() { var noEmptyInputs = getNumberOfEmptyInputs(); if(noEmptyInputs <= 2) addNewInput(); } window.onload = function() { var answers = getAnswers(); var answer = null; for(var i = 0; i < answers.length; i++) { answer = answers[i]; answer.onfocus = onInputFocus; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>