Beispiel für die Verwendung von Bildern zum Ersetzen von Senden-Schaltflächen in HTML

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"&#39; 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!