Disable tab in HTML form

Question

I want to make an editor for my webpage so I can easily edit my pages. I'm using a textarea for the editor. The textarea is inside of a form.

Therefore, if I use tab to indent, the cursor jumps to the Submit button.

I found some methods to set the tabindex to -1, but this won't help.

Is there some way to disable the tab function?

<form method='GET' action='pages/save.php'>
 <textarea id='textbox' class='form-control' name='textarea' rows='20' cols='80'></textarea><br />
  <input id='safebutton' type='submit' value='Save' />
 </form>

This question is what you want? https://stackoverflow.com/questions/6637341/use-tab-to-indent-in-textarea — Vilapri, Sep 01 '17 at 06:59
Possible duplicate of [How to handle in textarea?](https://stackoverflow.com/questions/6140632/how-to-handle-tab-in-textarea) — Michael Hirschler, Sep 01 '17 at 06:59
You can do it using jqurey: $(document).keydown(function (e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == 9) { e.preventDefault(); e.stopPropagation(); } }); — sonam gupta, Sep 01 '17 at 07:01
@MichaelHIrschler I have already tried that. I will try it again. Maby i made a mistake. — Nicolo Lüscher, Sep 01 '17 at 07:33

score 2 · Accepted Answer · answered Sep 01 '17 at 07:31

Go to through this Fiddle

You will get which you want.

HTML :

<textarea placeholder='Enter text Here....'>

</textarea>

css :

textarea{

height:250px;
  width:100%;
}

JS :

$("textarea").keydown(function(e) {


 if(e.keyCode === 9) { 
        var start = this.selectionStart;
            end = this.selectionEnd;

        var $this = $(this);

        $this.val($this.val().substring(0, start)
                    + "\t"
                    + $this.val().substring(end));

        this.selectionStart = this.selectionEnd = start + 1;

        return false;
    }
});

Disable tab in HTML form

1 Answers1