Einige grundlegende Verwendungszwecke und Techniken von Formularen

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 input type="image" sind die anderen Attribute dieselben wie die des -Tags.

2. Ersetzen Sie alle Formularschaltflächen durch Bilder:

Das Bildcodeformat zum Ersetzen der Senden-Schaltfläche ist

<input type="image" name="..."  onClick="document.formName.submit()">

Das Codebildformat zum Ersetzen Die Schaltfläche zum Zurücksetzen lautet

　

<input type="image" name="..." src="..." onClick="document.formName.reset()">

Hinweis: Der formName hier ist der Namensattributwert 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)) {alert("请重新输入Email地址");
　document.RedForm.userEmail.focus();
　return false;
　}else return true;
　}
　}
　</script>

4. Senden Sie das Formular mit einem beliebigen Element:

Weitergeben onClick="document.form.submit() ;“, um das Formular abzusenden; verwenden Sie onClick="document.form.reset();", um das Formular zurückzusetzen, sodass jedes Element das Formular absenden kann.

Das obige ist der detaillierte Inhalt vonEinige grundlegende Verwendungszwecke und Techniken von Formularen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!