html的reset按鈕的作用簡單介紹

青衫無名發表於2018-03-01
HTML
本章節介紹reset按鈕的作用，希望能夠給初學者帶來一定的幫助。

很多人認為reset按鈕會將表單元素的值清空，情況真的是這樣的嗎，下面就做一下介紹。

reset翻譯成漢語有”重置”的意思，並沒有”清空”的意思，所以此按鈕的作用是將表單元素的值重置為預設值。

程式碼如下:















01


02


03


04


05


06


07


08


09


10


11


12


13


14






<!DOCTYPE html>     



<html>     




<head>     




<meta charset=" utf-8">     




<meta name="author" content="http://www.softwhy.com/" />     




<title>螞蟻部落</title>  




</head> 




<body> 




<form action="#" name="myform"> 




<input type="text" id="txt"  value="螞蟻部落"/> 




<input type="reset" value="點選重置"/>




</form> 




</body> 




</html>

















如果修改了文字框的值，點選重置按鈕能夠將文字框的值重置為預設的value屬性值。




原文釋出時間為：2017-2-13


本文作者：admin


本文來自雲棲社群合作伙伴“螞蟻部落”，瞭解相關資訊可以關注螞蟻部落


原文連結：html的reset按鈕的作用簡單介紹










相關文章