Zusammenfassung der verwirrenden und fehleranfälligen HTML-Tags-PHP-Tutorial-php.cn

Zusammenfassung der verwirrenden und fehleranfälligen HTML-Tags

WBOY

Freigeben： 2016-08-08 09:19:54

Original

1002 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

值	描述
submit	该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。
button	该按钮是可点击的按钮（Internet Explorer 的默认值）。
reset	该按钮是重置按钮（清除表单数据）。