input禁止键盘及中文输入,但可以点击

要实现input禁止键盘及中文输入，但可以点击的效果，需要使用HTML标签和JavaScript语言。下面是具体的实现步骤：

要实现input禁止键盘及中文输入，但可以点击的效果，需要使用HTML标签和JavaScript语言。下面是具体的实现步骤：

HTML标签部分

在HTML标签中，需要给input标签添加readonly和onfocus两个属性。readonly属性可以让input禁止键盘输入，onfocus属性可以在输入框被点击时触发相应的JavaScript函数。具体代码如下所示：

<input type="text" readonly onfocus="inputClick()">

JavaScript部分

在JavaScript中，需要定义inputClick()函数来实现在输入框被点击时的相应操作。在该函数中，需要使用addEventListener()方法为输入框添加input事件，以便限制中文输入。同时，在该方法内部需要使用正则表达式来判断输入框中是否有中文字符。如果有中文字符，则需要使用substr()方法将其截取掉。具体代码如下所示：

function inputClick() {
    var input = document.querySelector("input");
    input.addEventListener("input", function() {
        var str = input.value;
        var reg = /[\u4e00-\u9fa5]/g;
        if (reg.test(str)) {
            input.value = str.substr(0, str.length-1);
        }
    });
}

其中，[\u4e00-\u9fa5]表示匹配中文字符的正则表达式，substr()方法可以对字符串进行截取操作。

示例说明

在实现上述效果的同时，不同的界面需要做出一些差异化的调整：

示例1：输入框中有默认值

在输入框中有默认值的情况下，可以添加value属性来设置默认值。同时需要注意的是，如果默认值中有中文字符，需要在onfocus属性中添加代码来从默认值中截取中文字符。具体代码如下所示：

<input type="text" value="默认值中包含中文，请点击输入" readonly onfocus="inputClick(this)">

function inputClick(input) {
    var reg = /[\u4e00-\u9fa5]/g;
    if (reg.test(input.value)) {
        input.value = input.value.substr(0, input.value.length-1);
    }
    input.addEventListener("input", function() {
        var str = input.value;
        if (reg.test(str)) {
            input.value = str.substr(0, str.length-1);
        }
    });
}

示例2：输入框在表单中，并且有状态控制

在表单中，可以通过disabled属性来控制input是否可用。同时，可以通过CSS样式来控制input的背景色和字体颜色，以显示不同的状态。具体代码如下所示：

<form>
  <input type="text" readonly disabled style="background-color: #eee; color: #ccc;">
  <button onclick="enableInput()">点击启用输入框</button>
</form>

function enableInput() {
    var input = document.querySelector("input");
    input.removeAttribute("disabled");
    input.style.backgroundColor = "white";
    input.style.color = "black";
    input.focus();
}

在上面的代码中，当点击按钮时，将input的disabled属性设置为false。同时，通过设置CSS样式来显示激活状态的input。这里需要注意的是，由于input在被disabled后无法获得焦点，所以需要在激活input后调用focus()方法使其获得焦点。