• Home
• com.jwebmp.plugins.javascript
• jwebmp-plus-as-tab
• 1.0.2.0-jre13
• source code
• enter-as-tab.html

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.resources.jquery-plusastab.example.enter-as-tab.html Maven / Gradle / Ivy

---
layout: example
title: Enter as tab demo
---


    Instead of using tab to navigate through elements on this page, try using
    enter or ↵. Also try reverse navigation with shift-enter.
    Using the enter key is configurable, and multiple keys are supported - read more on the project page.


    In this demo, all elements inside of the <form data-plus-as-tab="true">
    can use enter. To keep some of the desired enter logic, both
    the <textarea> and <button type="submit">
    elements have data-plus-as-tab="false" attributes added to them to
    use the normal browser behavior.


    

        
Demo form fields
        
        
        

            

                
                    
                    Radio 1
                
            
            

                
                    
                    Radio 2
                
            
            

                
                    
                    Radio 3
                
            
        
        
        
        Enter works as usual to make new lines in the textarea. Use tab to navigate out of it.
        
        
            Enter skips this drop-down too
            Another option
            You can still use enter as usual when the drop-down is activated
            Another option
        
        
        
            Enter works as usual to submit on this button