禁止手机端点击input框跳出输入法

第一种方式：HTML <input> 标签的 disabled 属性
                

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" disabled="disabled" /></p>
  <input type="submit" value="Submit" />
</form>

disabled 属性禁用 input 元素，也就是说，input 元素既不可用，也不可点击

disabled 属性无法与 <input type="hidden"> 一起使用。

第二种方法：HTML <input> 标签的 readonly 属性

<form action="form_action.asp" method="get">
  Name:<input type="text" name="email" />
  Country:<input type="text" name="country" value="China" readonly="readonly" />
  <input type="submit" value="Submit" />
</form>

readonly 属性对输入框只读，也就是说，输入框只能读 不能写。

可与 <input type="text"> 或 <input type="password"> 配合使用

（单纯在手机端点击后不弹出键盘可用）

第二种方式：通过js控制，<input οnfοcus="this.blur();"/>