Tu jest mój bieżący kod HTML i CSS:Kiedy wszystkie poprzednie pola są wypełnione, dodać nowe pole wejściowe
<form method="post" id="achievementf1" action="">
<span>1.</span>
<input type="text" name="achievement1" id="achievement1" />
<br />
<span>2.</span>
<input type="text" name="achievement2" id="achievement2" />
<br />
<span>3.</span>
<input type="text" name="achievement3" id="achievement3" />
<br />
<input type="submit" name="submit1" value="Registrate" />
</form>
#border #info-box #info #box input[type="text"] {
float: left;
margin-top: 10px;
margin-bottom: 10px;
height: 25px;
width: 650px;
outline: none;
}
#border #info-box #info #box input[type="submit"] {
margin-left: 500px;
margin-top: 10px;
margin-bottom: 10px;
height: 35px;
color: #fff;
font-size: 20px;
border: 2px solid #fff;
border-radius: 8px 8px 8px 8px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
cursor: pointer;
}
Można zobaczyć go w akcji na http://jsfiddle.net/mzNtj/2/. Chciałbym wiedzieć, w jaki sposób mogę automatycznie dołączyć nowe pole wejściowe, gdy wszystkie pozostałe zostaną wypełnione. Mam podstawowy pomysł, aby przeczytać wartość każdego pola i sprawdzić go za pomocą instrukcji if
. Następnie, jeśli żadna nie jest pusta, dodaj nową.
Czy jest to właściwy sposób sprawdzenia, czy ktoś ma lepsze pomysły?
Witamy w Stack Overflow, Pienskabe, +1 na twoje pytanie. Wolimy, aby pytania i odpowiedzi stały na własną rękę, nie wymagając od ludzi, aby śledzili linki poza miejscem, aby je zrozumieć. jsFiddle jest świetną witryną i świetnym pomysłem jest link do twoich przykładów w twoim pytaniu, ale nie jest to dokładnie znane ze stabilności i czasu pracy. –