Czy ktoś może pomóc, aby to zmienić, aby włączyć obraz o nazwie BUTTON1.JPG zamiast standardowego przycisku submit?Jak użyć obrazu jako przycisku przesyłania?
<form id='formName' name='formName' onsubmit='redirect();return false;'>
<div class="style7">
<input type='text' id='userInput' name='userInput' value=''>
<input type='submit' name='submit' value='Submit'>
</div>
</form>
użyć wejściowego image typ:
<input type="image" src="/Button1.jpg" border="0" alt="Submit" />
Pełne HTML:
<form id='formName' name='formName' onsubmit='redirect();return false;'>
<div class="style7">
<input type='text' id='userInput' name='userInput' value=''>
<input type="image" name="submit" src="/Button1.jpg" border="0" alt="Submit" />
</div>
</form>
Justin, Ostatnie pytanie, jak przenieść tę wartość "userInput" do formularza następnej strony, aby można było ją przesłać z następnym formularzem. Chcę, aby wartość była ukryta. – Rolf
To naprawdę trudne pytanie, ponieważ nie mam pojęcia, z jakimi językami lub frameworkami programowania pracujesz. Najlepiej opublikować to jako inne pytanie i podać te informacje (np. ASP.NET, ASP, PHP itp.), Aby osoba wyspecjalizowana w tym obszarze mogła bardziej Ci pomóc. Najpierw jednak rozejrzałbym się po stronie, aby sprawdzić, czy pytanie zostało już wcześniej zadane. –
Zastosowanie CSS:
input[type=submit] {
background:url("BUTTON1.jpg");
}
Dla HTML:
<input type="submit" value="Login" style="background:url("BUTTON1.jpg");">
gdzie mam to wkleić? co muszę usunąć? (Nie jestem programistą) – Rolf
* Obserwacja *: nie jest w długoterminowym najlepszym interesie strony pełnej programistów, aby nauczyć nie-programistów, jak przetrwać bez zatrudniania programistów ... –
hahahahha: PI również zamierzał opublikować ta odpowiedź napisałeś, ale pomyślałem, że nie jest dobrym pomysłem, aby powiedzieć nowym programistom, aby używali starożytnych skryptów! Wiem, że nie byłam też dobrym pomocnikiem w stackach, zanim zacząłem, ale teraz jestem po prostu lepszy: D –
<form id='formName' name='formName' onsubmit='redirect();return false;'>
<div class="style7">
<input type='text' id='userInput' name='userInput' value=''>
<img src="BUTTON1.JPG" onclick="document.forms['formName'].submit();">
</div>
</form>
Dlaczego nie:
<button type="submit">
<img src="mybutton.jpg" />
</button>
HTML:
<button type="submit" name="submit" class="button">
<img src="images/free.png" />
</button>
CSS:
.button { }
Wystarczy ponownie przesunąć granicę i dodać obraz tła w css
Przykład:
$("#form").on('submit', function() {
alert($("#submit-icon").val());
});#submit-icon {
background-image: url("https://pixabay.com/static/uploads/photo/2016/10/18/21/22/california-1751455__340.jpg"); /* Change url to wanted image */
background-size: cover;
border: none;
width: 32px;
height: 32px;
cursor: pointer;
color: transparent;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
<input type="submit" id="submit-icon" value="test">
</form>
ja po prostu staramy się odróżnić od kodu. Nie wiedziałem, że już to robią. – Rolf