Heim >Backend-Entwicklung >PHP-Tutorial >Zusammenfassung der verwirrenden und fehleranfälligen HTML-Tags

Zusammenfassung der verwirrenden und fehleranfälligen HTML-Tags

WBOY
WBOYOriginal
2016-08-08 09:19:54996Durchsuche

Nachdem ich einen Tag lang gekämpft habe, habe ich endlich ein klares Verständnis für die korrekte Verwendung von HTML-Tags und ihre jeweilige Anwendbarkeit. Hier ist eine kurze Zusammenfassung, um ähnliche Fehler zu vermeiden.

Alles ist auf ein solches Problem zurückzuführen

<html>
<head>
</head>
<body>
	<form id="form1" method="get" >	
		用户名:<input type="text" id="name" name="name" />
		<p id="username"></p>
		<br />
		密码:<input type="password" id="password" name="password" />
		
		<button type="submit" /button>		
	</form>

	<script>
	window.x=document.getElementById("username");
	window.
	{
		document.getElementById('name').focus();
	}
	//
	function mUp()
	{	
		if(document.getElementById('name').value=="")
		{
			x.innerHTML = "用户名不能为空";
			//alert("不能为空");
		}
		else
			document.getElementById('form1').action="/login";
	}
	</script>	
</body>
</html>

Führen Sie den obigen Code aus und klicken Sie auf die Schaltfläche „Anmelden“, wenn nichts eingegeben wird. Es erscheint die Meldung „Der Benutzername kann nicht eingegeben werden.“ Empty“, stürzt jedoch ab, nachdem es nur einmal angezeigt wurde. Was ist der Grund?

Der Schlüssel ist hier

<button type="submit" /button>	
Zu diesem Zeitpunkt werden zwei Ereignisse ausgelöst. Rufen Sie zunächst die Funktion auf, die onclick entspricht, und senden Sie sie dann automatisch ab (da der Typ zu diesem Zeitpunkt „Senden“ ist). Überschreiben Sie die Eingabeaufforderung. Wenn Sie also den Typ auf „Schaltfläche“ setzen, kann das Problem gelöst werden.

Das Folgende ist eine kurze Zusammenfassung:

Das Typattribut des HTML-Tags

Wert th> Beschreibung
Schaltfläche Definieren Sie eine anklickbare Schaltfläche (
描述
button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
wird hauptsächlich zum Starten von Skripts über JavaScript verwendet) .
Kontrollkästchen Definieren Sie das Kontrollkästchen.
Datei Definieren Sie Eingabefelder und „Durchsuchen“-Schaltflächen für Datei-Uploads.
hidden Definieren Sie versteckte Eingabefelder.
Bild Definieren Sie die Schaltfläche „Senden“ in Form eines Bildes.
Passwort Definieren Sie das Passwortfeld. Zeichen in diesem Feld sind maskiert.
radio Optionsfelder definieren.
reset Definieren Sie die Reset-Schaltfläche. Mit der Schaltfläche „Zurücksetzen“ werden alle Daten im Formular gelöscht.
Senden Definieren Sie die Schaltfläche „Senden“. Mit der Schaltfläche „Senden“ werden die Formulardaten an den Server gesendet.
text Definieren Sie ein einzeiliges Eingabefeld, in das der Benutzer Text eingeben kann. Die Standardbreite beträgt 20 Zeichen.
Hinweis: type=button: nur eine Schaltflächenfunktion ; type=submit: soll das Formular senden

.

HTML

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn