Question

我对html中的不同控件类型有一点疑问。

在我的应用程序中，我使用简单的输入文本和textarea。我注意到它们之间存在一些差异：当使用TAB键在控件之间导航时 - 在焦点上选择输入字段中的所有文本，而在textarea中，光标放在文本的开头。（见plunker）

 <input type="text" value="I am simple input"/>
 <textarea text="I am text area" ></textarea>

我希望输入的行为类似于textarea。有什么办法呢？

谢谢，

Answer 1

文本区域应具有指定的高度和宽度：

<强>语法： -

<textarea rows="4" cols="50">
Yes, I am doing HTML coding, Do you enjoy It.
</textarea>

Answer 2

对于标签，您需要这个

<textarea id='foo' >Some Text</textarea>

 $("#foo").on("focus keyup", function (e) {

            var keycode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
            if (keycode === 9 || !keycode) {
                // Hacemos select
                var $this = $(this);
                $this.select();

                // Para Chrome's que da problema
                $this.on("mouseup", function () {
                    // Unbindeamos el mouseup
                    $this.off("mouseup");
                    return false;
                });
            }
        });

您可以尝试使用javascript进行鼠标焦点

<textarea id="foo">Some text</textarea>

<script type="text/javascript">
    var textBox = document.getElementById("foo");
    textBox.onfocus = function() {
    textBox.select();

    // Work around Chrome's little problem
    textBox.onmouseup = function() {
        // Prevent further mouseup intervention
        textBox.onmouseup = null;
        return false;
    };
};

但我们也可以使用jquery。

输入和textarea之间的行为不同

2 个答案: