title: Input form disable when one is select
body: <p>I have an simple form. 2 inputs and 3 radio buttons.</p>
  
  <p>I need to make something like this:</p>
  
  <ul>
  <li>When I click in first input (and START typing) second input and radio`s get disabled and when I click in Radio inputs are disabled. And so one.</li>
  </ul>
  
  <p><strong>My form</strong>:</p>
  
  <pre><code> &lt;form method="get"&gt;
                  &lt;div class="singleTableForm"&gt;
                      &lt;label style="width: 95px; line-height: 25px;"&gt;Who:&lt;/label&gt;
                      &lt;div style="float:left;margin-right:10px;"&gt;
                          &lt;input name="filter_task_who" value="{{ taskWho }}" id="filter_task_date" style="width: 60px;"&gt;
                      &lt;/div&gt;
                      &lt;label style="width: 90px; line-height: 25px;"&gt;Task ID:&lt;/label&gt;
                      &lt;div style="float:left;margin-right:10px;"&gt; 
                          &lt;input name="filter_task_id" value="{{ taskId }}" id="filter_task_date" style="width: 100px;"&gt;
                      &lt;/div&gt;
                      &lt;label style="width: 50px; line-height: 25px;"&gt;Priority:&lt;/label&gt;
                      &lt;div &gt;
                  &lt;div style="float:left;"&gt;&lt;input {% if filter_enabled=="Filtruj" and taskPriority==2%}checked="checked"{% endif %} style="float:left;margin-top: 5px;" type="radio" name="filter_task_priority" id="filter_task_date" value="2"&gt;&lt;label style="width: 45px; line-height: 25px;"&gt;High&lt;/label&gt;&lt;/div&gt;
                  &lt;div style="float:left;"&gt;&lt;input {% if filter_enabled=="Filtruj" and taskPriority==1%}checked="checked"{% endif %} style="float:left;margin-top: 5px;" type="radio" name="filter_task_priority" id="filter_task_date" value="1"&gt;&lt;label style="width: 45px; line-height: 25px;"&gt;Medium&lt;/label&gt;&lt;/div&gt;
                  &lt;div style="float:left;"&gt;&lt;input {% if taskPriority != null %}{% if filter_enabled=="Filtruj" and taskPriority==0%}checked="checked"{% endif %}{% endif %} style="float:left;margin-top: 5px;" type="radio" name="filter_task_priority" id="filter_task_date" value="0"&gt;&lt;label style="width: 45px; line-height: 25px;"&gt;LOW&lt;/label&gt;&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div style="float: left;width:90px; " &gt;
                      &lt;a style="float: left;margin-left: 2px;padding-left: 6px;padding-right: 6px;padding-top: 1px;padding-bottom: 1px;" type="submit" href="{{path('admin_tasks')}}" class="button"&gt;Reset&lt;/a&gt;
                      &lt;input style="float: left;" type="submit" name="filter_enabled" class="button" value="Filtruj" /&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
  
  
              &lt;/form&gt;
  </code></pre>