如何在html文本输入中标记文本?

时间:2016-06-21 08:07:56

标签: html text input tabs

所以我需要一种方法能够在没有跳到下一个html输入的情况下跳转到html文本输入的下一行,这可能吗?

2 个答案:

答案 0 :(得分:0)

你可以通过Jquery来做到这一点:

  1. Activating next input field in form on enter
  2. Focus on next input field inside table with enter key press

  3. focusNextInputField With jsfiddle demo

  4. 最容易的是:

        $("input").change(function() {  
          var inputs = $(this).closest('form').find(':input');  
          inputs.eq( inputs.index(this)+ 1 ).focus();  
        });  
    

    如果这些解决方案无效,请提供您的代码,以便更容易理解。

答案 1 :(得分:0)

如果你真的试图建立一个用户可以选择标签的textarea字段,那么你需要jQuery。 看到这个jsFiddle:http://jsfiddle.net/2wAzx/13/

function enableTab(id) {
    var el = document.getElementById(id);
    el.onkeydown = function(e) {
        if (e.keyCode === 9) { // tab was pressed

            // get caret position/selection
            var val = this.value,
                start = this.selectionStart,
                end = this.selectionEnd;

            // set textarea value to: text before caret + tab + text after caret
            this.value = val.substring(0, start) + '\t' + val.substring(end);

            // put caret at right position again
            this.selectionStart = this.selectionEnd = start + 1;

            // prevent the focus lose
            return false;

        }
    };
}

// Enable the tab character onkeypress (onkeydown) inside textarea...
// ... for a textarea that has an `id="my-textarea"`
enableTab('my-textarea');

此外,如果这是您的问题,我建议将其标记为重复,因为它已被多次询问...