App下載

HTML怎么設(shè)置重置按鈕？附源碼

猿友 2021-05-22 10:05:13 瀏覽數(shù) (10685)
反饋

我們在填寫表單時，會有這么一個按鈕用來重置信息，比如將你所填的信息清空，那么你知道重置按鈕如何設(shè)置嗎？這篇文章告訴你。

<input type="reset">重置按鈕

我們都知道?<input>?標(biāo)簽是表單元素，可以用來設(shè)置文本框、密碼框、按鈕等。只需要在? type? 屬性上選擇為?reset?即可將它設(shè)置為重置按鈕。點(diǎn)擊該按鈕時可以使其他輸入框的內(nèi)容清空。讓我們來看下具體使用效果吧：

HTML重置按鈕

當(dāng)我們在名字框和密碼框中輸入信息，點(diǎn)擊重置按鈕后又會恢復(fù)原樣。

具體源代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>html設(shè)置重置按鈕 - 編程獅(w3cschool.cn)</title>
</head>
<body>
<form>
	<input type="text"  placeholder="名字"><br>
	<input type="password" placeholder="密碼"><br>
	<input type="reset"  value="重置">
</form>
</body>
</html>

同學(xué)們?nèi)绻麑χ刂冒粹o感興趣的話，趕快動手操作起來吧。這里推薦一個 HTML 在線工具：HTML 在線開發(fā)工具。線上就可以直接運(yùn)行代碼，查看效果哦。

以上就是文章“HTML 怎么設(shè)置重置按鈕？附源碼”的全部內(nèi)容。想要了解更多 HTML 資料請關(guān)注 w3cschool。

HTML

0 人點(diǎn)贊