首頁 > 後端開發 > php教程 > HTML標籤 易混易錯小總結

HTML標籤 易混易錯小總結

WBOY
發布: 2016-08-08 09:19:54
原創
978 人瀏覽過

糾結了一天,終於把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教程有興趣的朋友有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板