button元素與input元素的區別

一、button元素

       1.type屬性爲button、reset、submit。

       2.button元素在瀏覽器中的默認值不同，一定要明確指定button類型（IE中爲button，其他瀏覽器爲submit）

       3. 表單中使用button元素時，不同的額瀏覽器提交的值不一樣(IE提交的是button元素之間的值，其他瀏覽器提交的是 button元素的value屬性）

      4.在button元素內部，可以放置內容，比如文本或圖像。

二、input元素

       1.type類型爲button、submit、reset時，表單中提交的值是input元素的value屬性。

       2.提交表單時，儘量使用input元素。

三、使用

 當類型爲submit時，此時將表單的數據提交到服務器，若在此時改變form中的數據，則數據不可變。

當類型爲button時，此時，僅僅是一個按鈕。

在編寫表單時，對每一項先進行檢驗，再進行提交

實例：

<form>
	
    <button type="submit">click</button>

	<p>webti</p>
</form>
<script type="text/javascript">
		var btn=document.getElementsByTagName('button')[0];
		var p=document.getElementsByTagName('p')[0];
		// alert(btn.type);
		btn.οnclick=function (event) {

			alert(event.type);
			p.innerHTML="CCC";
			
		};
</script>

結果：點擊時，此時的p的內容改變，之後就又會恢復原來的值。

不是很明白這個？？