1. Verwenden Sie Bilder anstelle von Senden-Schaltflächen
Wenn es nur eine Senden-Schaltfläche gibt, kann diese problemlos implementiert werden, ohne eine Ereignisfunktion hinzuzufügen. Der Code lautet:
<input type = "image"' name = "..." src = "url" width= “” height = “” border = “”>
Außer zum Ändern der Beschriftung in „Außer für Eingabetyp = „Bild““ sind die anderen Attribute mit denen des -Tags identisch.
2. Ersetzen Sie alle Formularschaltflächen durch Bilder
Das Bildformat zum Ersetzen der Senden-Schaltfläche ist
<input type = "image" name = "..." src = "..."inclick ="document.foormName.submit()">
Das Codebildformat zum Ersetzen der Zurücksetzen-Schaltfläche ist:
<input type = "image" name ="..." src = "..." onclick = "document.formName.reset()">
Hinweis: fromName ist hier das Namensattribut des Formulars
3. Überprüfung der Formularübermittlung:
<script>
function checkdate(){
//取得输入数据
userName = document.RedForm.userName.value
userEmail = document.RedForm.userEmail.value
//如果没有输入名字
if(userName== ""){alert("请输入名字");
document.RedForm.userName.focus();
return false;
}else{
//如果没有输入Email，或者Email地址错误（不含@）
if(userEmail == "")||(userEmail.indexOf("@")== 1)){alret("请输入Email地址");
document.RedForm.userEmail.focus();
return false;
}else return true;
}
}
</script>4. Senden Sie das Formular mit einem beliebigen Element
Senden Sie das Formular über onclick = „document.from.submit()“ und setzen Sie das Formular mit onclick = „document.from.reset()“ zurück, etwa so. Jedes Element kann das Formular senden.
Das obige ist der detaillierte Inhalt vonBeispiel für die Verwendung von Bildern zum Ersetzen von Senden-Schaltflächen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
