当画面只有一个属性type是“text”的输入框的时候，敲击回车键会触发按钮提交事件

项目场景：

有一个登录画面，画面项目包括一个输入框和一个按钮：

入力框：

<input class="input" type="text" name="userName" maxlength="4" placeholder="0123"/>

按钮框：

<button id="submitBtn" type="button">下一步</button>

---

问题描述：

操作步骤： 进入到登录画面，敲击回车键的时候，会出现页面跳转。

---

原因分析：

当画面只有一个属性type是“text”的输入框的时候，敲击回车键会触发按钮提交事件。

---

解决方案：

方案1：在画面上添加一个隐藏的入力框。

方案2：禁用回车事件。