button标签type问题
2019-03-21 本文已影响0人
凛冬已至_123
在写了一段vue之后,因为需求,要用原生写个页面,本来想写一个简单button点击事件的效果,代码如下:
<dialog id="favDialog">
<form method="dialog">
<section>
<p><label for="favAnimal">Favorite animal:</label>
<select id="favAnimal">
<option></option>
<option>Brine shrimp</option>
<option>Red panda</option>
<option>Spider monkey</option>
</select></p>
</section>
<div>
<button id="add">增加一行</button>//注意该行
</div>
<menu>
<button id="cancel" type="reset">Cancel</button>
<button type="submit">Confirm</button>
</menu>
</form>
</dialog>
- 这是一个弹窗页面,当我点击增加一行
button
时,会自动关闭弹窗,后来经过查资料发现button
标签的type
属性如果不写默认为submit
,而不是默认为button
.