html - How to check the non-from form to php? All the code does not have from, it uses suimobile's front-end framework.

How to submit the following non-from form to PHP

<code><ul>
  <!-- Text inputs -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-name"></i></div>
      <div class="item-inner">
        <div class="item-title label">姓名</div>
        <div class="item-input">
          <input type="text" placeholder="Your name">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-email"></i></div>
      <div class="item-inner">
        <div class="item-title label">邮箱</div>
        <div class="item-input">
          <input type="email" placeholder="E-mail">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-password"></i></div>
      <div class="item-inner">
        <div class="item-title label">密码</div>
        <div class="item-input">
          <input type="password" placeholder="Password" class="">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-gender"></i></div>
      <div class="item-inner">
        <div class="item-title label">性别</div>
        <div class="item-input">
          <select>
            <option>Male</option>
            <option>Female</option>
          </select>
        </div>
      </div>
    </div>
  </li>
  <!-- Date -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-calendar"></i></div>
      <div class="item-inner">
        <div class="item-title label">生日</div>
        <div class="item-input">
          <input type="date" placeholder="Birth day" value="2014-04-30">
        </div>
      </div>
    </div>
  </li>
  <!-- Switch (Checkbox) -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-toggle"></i></div>
      <div class="item-inner">
        <div class="item-title label">开关</div>
        <div class="item-input">
          <label class="label-switch">
            <input type="checkbox">
            <div class="checkbox"></div>
          </label>
        </div>
      </div>
    </div>
  </li>
  <li class="align-top">
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-comment"></i></div>
      <div class="item-inner">
        <div class="item-title label">文本域</div>
        <div class="item-input">
          <textarea></textarea>
        </div>
      </div>
    </div>
  </li>
</ul></code>

<code><div class="row">
  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
  <div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></div>
</div></code>

Reply content:

How to submit the following non-from form to PHP

<code><ul>
  <!-- Text inputs -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-name"></i></div>
      <div class="item-inner">
        <div class="item-title label">姓名</div>
        <div class="item-input">
          <input type="text" placeholder="Your name">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-email"></i></div>
      <div class="item-inner">
        <div class="item-title label">邮箱</div>
        <div class="item-input">
          <input type="email" placeholder="E-mail">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-password"></i></div>
      <div class="item-inner">
        <div class="item-title label">密码</div>
        <div class="item-input">
          <input type="password" placeholder="Password" class="">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-gender"></i></div>
      <div class="item-inner">
        <div class="item-title label">性别</div>
        <div class="item-input">
          <select>
            <option>Male</option>
            <option>Female</option>
          </select>
        </div>
      </div>
    </div>
  </li>
  <!-- Date -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-calendar"></i></div>
      <div class="item-inner">
        <div class="item-title label">生日</div>
        <div class="item-input">
          <input type="date" placeholder="Birth day" value="2014-04-30">
        </div>
      </div>
    </div>
  </li>
  <!-- Switch (Checkbox) -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-toggle"></i></div>
      <div class="item-inner">
        <div class="item-title label">开关</div>
        <div class="item-input">
          <label class="label-switch">
            <input type="checkbox">
            <div class="checkbox"></div>
          </label>
        </div>
      </div>
    </div>
  </li>
  <li class="align-top">
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-comment"></i></div>
      <div class="item-inner">
        <div class="item-title label">文本域</div>
        <div class="item-input">
          <textarea></textarea>
        </div>
      </div>
    </div>
  </li>
</ul></code>

<code><div class="row">
  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
  <div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></div>
</div></code>

If you don’t need to jump, you can use the post method in ajax instead of form submission

If you need to jump and submit via POST, you can use CURL

This is a method I encapsulated in the project because I need to submit data to the remote interface

<code>//post提交数据
if (! function_exists('postData')) {
    function postData($url, $params)
    {
        $ch = curl_init();
        $timeout = 300;
        $headers = array();
        $headers[] = 'Content-Type: application/x-www-form-urlencoded; charset=utf-8';//设置头文件content-type
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        curl_setopt($ch, CURLOPT_POST, true);//Post请求
        curl_setopt($ch, CURLOPT_POSTFIELDS, $params); //传递参数
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
        $handles = curl_exec($ch);
        curl_close($ch);
        return $handles;
    }
}</code>

Get the value of each box in js and then submit

Just use ajax to submit

First of all, form is not from. In addition, you need to submit a form that is not included in the form. You can use JS to get the values ​​that need to be submitted, and then use AJAX. Assume we use jQuery:

<code class="javascript">$(function() {

    $submitButton = $('.button-success');
    $submitButton.on('click', function() {
        var data = {
            'name1': $('#field1').val(),
            'name2': $('#field2').val(),
            'name3': $('#field3').val()
        };
        $.post('your_url', data);
    });
});</code>