javascript - 按 CSS 样式按钮会显示不需要的键盘 UIWebView

Question

我在 UIWebView 中加载了一个本地 html 资源。一个按钮采用 CSS 样式，按下时会显示不需要的键盘并允许在按钮上键入

在我的本地 html 文件中

 <style>
    .button {
        border: 0px solid #ed1717;
        background: #e01414;
        background: -webkit-gradient(linear, left top, left bottom, from(#e01414), to(#e01414));
        background: -webkit-linear-gradient(top, #e01414, #e01414);
        background: -moz-linear-gradient(top, #e01414, #e01414);
        background: -ms-linear-gradient(top, #e01414, #e01414);
        background: -o-linear-gradient(top, #e01414, #e01414);
        background-image: -ms-linear-gradient(top, #e01414 0%, #e01414 100%);
        padding: 14px 28px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
        -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
        box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;

        color: #ffffff;
        font-size: 17px;
        font-family: helvetica, serif;
        text-decoration: none;
        vertical-align: middle;
    }
</style>

html按钮本地资源

        align=center ><INPUT onclick=calculate(this.form) class=button value="Press" name=calculate_button>

Answer 1

尝试将 type="button" 属性设置为 input 元素。这应该可以解决问题:)