HTML標籤易混易錯小總結

WBOY原創: 2016-08-08 09:19:54994瀏覽

糾結了一天，終於把HTML標籤的正確使用，各自的適用性清楚地了解了一下，這裡簡單總結一下以免再犯類似的錯誤。

一切都是由於這樣的一個問題

<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>

將以上代碼運行，當什麼也不輸入時電擊“登錄”按鈕，會提示“用戶名不能為空”，但是僅出現一下就會閃退。是什麼原因呢？

關鍵是這裡

<button type="submit" /button>

此時會有兩個事件觸發，首先呼叫onclick對應的函數，然後再進行自動submit（因為此時type的類型為submit），自然會將提示覆蓋掉。所以將type設定成button即可解決。

下面簡單總結一下，

HTML 標籤的type 屬性

腳本）。定義複選框。定義輸入欄位和 "瀏覽"按鈕，供文件上傳。定義隱藏的輸入欄位。定義影像形式的提交按鈕。定義密碼欄位。該字段中的字元被遮罩。定義單選按鈕。定義重置按鈕。重設按鈕會清除表單中的所有資料。提交按鈕會把表單資料送到伺服器。定義單行的輸入字段，使用者可在其中輸入文字。預設寬度為 20 個字元。

值	Java
值	f
	checkbox
	file
	hidden
	image
	password
	radio
	reset
	submit定義提交按鈕。
	text

註： type=button：單純是按鈕功能；type=submit：是發送表單純

。

HTML

值buttonreset未完待續…


值）。
此按鈕是可點擊的按鈕（Internet Explorer 的預設值）。
該按鈕是重置按鈕（清除表單資料）。

以上就介紹了HTML標籤易混易錯小總結，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：PHP取得使用者的真實IP下一篇：PHP取得使用者的真實IP

看更多

HTML標籤 易混易錯小總結

相關文章

HTML標籤易混易錯小總結