无法在表单操作 mailto 中发送超过 12 个单选和复选框选项

Question

我的代码类似于带有单选按钮和复选框的调查表。我尝试使用所有选项填写此表单，但如果我在整个页面中 select 超过 12 个单选框和复选框（总计），则表单 mailto 操作不会执行。

它将所有输入作为纯文本输入，如果我 select 少于 12 个单选按钮和复选框，它就会运行。我需要用户允许最大 selection 然后通过邮件发送数据。我不知道 JavaAPIMail servlet，所以尝试通过表单操作 mailto。

<section>

  <form action="MAILTO:someone@example.com" method="post" enctype="text/plain">                                                 
    <div class="title1">


      <ol class="list-group">
        <li class="list-group-item"> heading 1 :  
          <div>
            <label class="radio-inline"><input type="radio" name="1" value="J">j</label>
            <label class="radio-inline"><input type="radio" name="1" value="K">K</label>
            <label class="radio-inline"><input type="radio" name="1" value="L">L</label>
            <label class="radio-inline"><input type="radio" name="1" value="M">M</label>
            <label class="radio-inline"><input type="radio" name="1" value="N">N</label>
            <label class="radio-inline"><input type="radio" name="1" value="O">O</label>
          </div>
        </li>                       
        <li class="list-group-item"> Heading 2 :   
          <div class="form-row">
            <textarea name ="Head2:" placeholder ="Type Here" id ="H"></textarea>
          </div> 
        </li>
        <li class="list-group-item"> Heading 3 : (you can select more than one option)    
          <div>
            <label class="checkbox-inline"><input type="checkbox" name="A:" class="ipad CCBOX" value="ipad">iPad</label>
            <label class="checkbox-inline"><input type="checkbox" name="A:" class="web CCBOX" value="web">Web</label>
            <label class="checkbox-inline"><input type="checkbox" name="A:" class="other CCBOX" value="other">other</label> 
          </div>
        </li>                           

        <li class="list-group-item"> Heading 4:  
          <div>                          
            <label class="radio-inline"><input type="radio" name="B" value="Daily">Daily</label>
            <label class="radio-inline"><input type="radio" name="B" value="Weekly">Weekly</label>
            <label class="radio-inline"><input type="radio" name="B" value="Biweekly">Biweekly</label>
            <label class="radio-inline"><input type="radio" name="B" value="Monthly">Monthly</label>
          </div>
        </li>    




      </ol>

      <span id="web"><h3><b>Web</b></h3>

        <ol class="list-group" >
          <li class="list-group-item"> Heading 6: 
            <div>

              <label class="radio-inline"><input type="radio" name="C" value="Easy">Easy</label>
              <label class="radio-inline"><input type="radio" name="C" value="Neither easy nor difficult">Neither easy nor difficult</label>
              <label class="radio-inline"><input type="radio" name="C" value="Difficult">Difficult</label>
            </div>
          </li>                       

          <li class="list-group-item"> Heading 7: 

            <div class="form-row">
              <textarea name = "Q :" placeholder = "Type Here" id = "comment-good" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 8:

            <div class="form-row">
              <textarea name = "W" placeholder = "Type Here" id = "comment-lack" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 9

            <div class="form-row">
              <textarea name = "E" placeholder = "Suggestions" id = "comment-sugg"></textarea>
            </div>
          </li>

        </ol></span>

      <span id="ipad"><h3><b>ipad</b></h3>

        <ol class="list-group">
          <li class="list-group-item"> Heading 9  
            <div>

              <label class="radio-inline"><input type="radio" name="R" value="ipad Easy">Easy</label>
              <label class="radio-inline"><input type="radio" name="R" value="ipad Neither easy nor difficult">Neither easy nor difficult </label>
              <label class="radio-inline"><input type="radio" name="R" value="ipad Difficult">Difficult</label>
            </div>
          </li>                       

          <li class="list-group-item"> Heading 10
            <div class="form-row">
              <textarea name = "T" placeholder = "Type Here" id = "comment-goodipad"></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 11
            <div class="form-row">
              <textarea name = "Y: " placeholder = "Type Here" id = "comment-lackipad" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 12
            <div class="form-row">
              <textarea name = "U " placeholder = "Suggestions" id = "comment-suggipad" ></textarea>
            </div>
          </li>

        </ol></span>



      <span id="other"><h3><b>Other</b></h3>

        <ol class="list-group">

          <li class="list-group-item"> Heading 13 
            <div class="form-row">
              <textarea name = "I" placeholder = "Type Here" id = "comment-asuse" ></textarea>
            </div>
          </li>
          <li class="list-group-item"> O
            <div>      
              <label class="radio-inline"><input type="radio" name="S" value="Easy">Easy</label>
              <label class="radio-inline"><input type="radio" name="S" value="Neither Easy nor difficult">Neither Easy nor difficult</label>
              <label class="radio-inline"><input type="radio" name="S" value="Difficult">Difficult</label>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 14 :
            <div>
              <label class="radio-inline"><input type="radio" name="Z" value="Yes">Yes</label>
              <label class="radio-inline"><input type="radio" name="Z" class="csgo view" value="No">No</label>
            </div>
          </li>                           
          <li class="list-group-item excel" > Heading 15
            <div class="form-row">
              <textarea name = "X" placeholder = "Type Here" id = "comment-lackasd" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 16:
            <div class="form-row">
              <textarea name = "V" placeholder = "Suggestions" id = "comment-suggasd" ></textarea>
            </div>
          </li>

        </ol></span>



      <h3><b>Scope</b></h3>

      <ol class="list-group">
        <li class="list-group-item"> Heading 17
          <div>

            <label class="radio-inline"><input type="radio" name="F" value="Most of the times">Most of the times</label>
            <label class="radio-inline"><input type="radio" name="F" value="Occasionally">Occasionally  </label>
            <label class="radio-inline"><input type="radio" name="F" value="Doesn't meet my requirements">
              Doesn't meet my requirements</label>
          </div>
        </li>                       
        <li class="list-group-item"> Heading 18:    
          <div>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="D">D</label>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="S">S</label>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="C">C</label> 
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="M">M</label>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="R">R</label>


          </div>

        </li>
        <li class="list-group-item"> Heading 19
          <div class="form-row">
            <textarea name = "hi:" placeholder = "Type Here" id = "comment-l" ></textarea>
          </div>
        </li>                           

        <li class="list-group-item"> Heading 20
          <div class="form-row">
            <textarea name = "hi2:" placeholder = "Suggestions" id = "comment-s" ></textarea>
          </div>
        </li>

      </ol>

      <h3><b>Overall Experience</b></h3>

      <ol class="list-group">

        <li class="list-group-item"> Heading 21:
          <div>
            <label class="radio-inline"><input type="radio" name="H" value="Likely">Likely</label>
            <label class="radio-inline"><input type="radio" name="H" value="Not-Sure">Not Sure</label>
            <label class="radio-inline"><input type="radio" name="H" value="Unlikely">Unlikely</label>
          </div>
        </li>                           
        <li class="list-group-item"> Heading 22:  
          <div>   
            <label class="radio-inline"><input type="radio" name="G" value="Satisfied">Satisfied</label>
            <label class="radio-inline"><input type="radio" name="G" value="Neutral">Neutral</label>
            <label class="radio-inline"><input type="radio" name="G" value="Dissatisfied">Dissatisfied</label>
          </div> 
        </li>                           
        <li class="list-group-item"> Heading 24:
          <div>  
            <label class="radio-inline"><input type="radio" name="..." value="Size">Size</label> 
            <label class="radio-inline"><input type="radio" name="..." value="Competition">Competition</label>
            <label class="radio-inline"><input type="radio" name="..." value="Mix of both">Mix of both</label>
          </div>
        </li>                           


        <li class="list-group-item"> Please provide your overall satisfaction:  
          <input id="input-2c" class="rating" min="0" max="5" step="0.5" data-size="sm" name="rating" data-symbol="&#xf005;" data-glyphicon="false" data-rating-class="rating-fa">

        </li>                      


      </ol>


      <!-- form submission -->
      <div class="wrapper">
        <input type="submit"  value="Send" class="btn btn-primary">


      </div>
      </form>
    </div>

</section>

</div>
</div>
</div>


</body>
<script type="text/javascript">
  $('.CCBOX').click(function () {

    $('#other').hide();
    $('#web').hide();
    $('#ipad').hide();

    if($(".ipad:checked").length === 1 ){
      $('#ipad').show();

    }
    if($(".web:checked").length === 1 ){
      $('#web').show();

    }
    if($(".other:checked").length === 1 ){
      $('#other').show();

    }
  });
</script>

<script type="text/javascript">
  $(function() {
    $('input[name="Z"]').on('click', function() {
      if ($(this).val() == 'No') {
        $('.excel').show();
      }
      else {
        $('.excel').hide();
      }
    });
  });

</script>
</html>

我面临的问题是，当我单击带有所有选项的发送按钮时 selected，mailto 不起作用。但是如果我 select 几个单选按钮和复选框（最多 12 个），邮件功能就会运行。请帮我看看我需要更改的地方。

Answer 1

当我检查所有内容并提交时，我收到一封电子邮件，正文为：

1=O
Head2:=
A:=ipad
A:=web
A:=other
B=Monthly
C=Difficult
Q :=
W=
E=
R=ipad Difficult
T=
Y: =
U =
I=
S=Difficult
Z=No
X=
V=
F=Doesn't meet my requirements
d :=D
d :=S
d :=C
d :=M
d :=R
hi:=
hi2:=
H=Unlikely
G=Dissatisfied
...=Mix of both
rating=

很明显，它对我有用。这就是为什么我认为这是 os 或邮件客户端问题。

这是所有文本区域和文本字段使用的值：

1=O
Head2:=
A:=ipad
A:=web
A:=other
B=Monthly
C=Difficult
Q :=value of Q :
W=value of W
E=value of E
R=ipad Difficult
T=value of T
Y: =value of Y: 
U =value of U 
I=value of I
S=Difficult
Z=No
X=value of X
V=value of V
F=Doesn't meet my requirements
d :=D
d :=S
d :=C
d :=M
d :=R
hi:=value of hi:
hi2:=value of hi2:
H=Unlikely
G=Dissatisfied
...=Mix of both
rating=Satisfaction value

无法在表单操作 mailto 中发送超过 12 个单选和复选框选项

Cant send more than 12 radio and checkbox option in form action mailto

javascript

jquery

html

radio-button

mailto