Jak ustawić domyślną wartość <input>
pola tekstowego formularza w JavaScript?
javascript
html
forms
input
SebastianOpperman
źródło
źródło
.value = ...
zmienia tylko bieżącą wartość. Zresetowanie formularza (<input type="reset" />
na przykład) spowoduje zmianę wartości z powrotem na pierwotną. NatomiastsetAttribute("value", ...)
działa poprawnie w Firefox i Chrome. Wartość domyślna jest zmieniana, ale wartość rzeczywista jest zmieniana tylko wtedy, gdy użytkownik jeszcze jej nie zmodyfikował. NiesetAttribute
jest to jednak zalecane ze względu na kompatybilność przeglądarki. Czy jest jakaś inna możliwość?jeśli formularz zawiera pole wprowadzania, takie jak
następnie możesz napisać kod w javascript, jak podano poniżej, aby ustawić jego wartość jako
źródło
Używam funkcji „setAttribute”:
źródło
value
należy uzyskać bezpośredni dostęp za pomocą notacji kropkowej: developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute Używasz tylko set / getAttribute do obsługi oryginalnej wartości. Po załadowaniu DOM.value
reprezentuje rzeczywistą wartość roboczą elementu.setAttribute
. Moim problemem była zmiana wartości wejścia poprzez wywołanie funkcji, zmiana ostatnio zmienionych danych wejściowych.Wypróbuj te.
źródło
Odpowiedź jest naprawdę prosta
Lub jeśli chcesz całkowicie uniknąć JavaScript: możesz to zdefiniować tylko za pomocą HTML
źródło
value
atrybutu ...Jeśli używasz wielu formularzy, możesz użyć:
źródło
Prosta odpowiedź nie jest w języku Javascript. Najprostszym sposobem uzyskania symbolu zastępczego jest użycie atrybutu placeholder
źródło
To proste; Przykładem jest:
źródło
lub
lub
źródło
Możesz także zmienić wartość domyślną na nową
źródło
Ta część, której używasz w HTML
To jest javaScript:
źródło
Możesz także spróbować:
źródło