> 백엔드 개발 > PHP 튜토리얼 > html - 양식이 아닌 양식을 PHP로 확인하는 방법은 무엇입니까? 모든 코드에는 suimobile의 프런트엔드 프레임워크가 사용되지 않습니다.

html - 양식이 아닌 양식을 PHP로 확인하는 방법은 무엇입니까? 모든 코드에는 suimobile의 프런트엔드 프레임워크가 사용되지 않습니다.

WBOY
풀어 주다: 2016-08-04 09:20:42
원래의
1070명이 탐색했습니다.

다음 non-from 양식을 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>
로그인 후 복사
로그인 후 복사


답글 내용:

다음 non-from 양식을 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>
로그인 후 복사
로그인 후 복사


점프할 필요가 없다면 폼 제출 대신 ajax의 post 메소드를 사용할 수 있습니다

POST를 통해 점프하고 제출해야 하는 경우 CURL을 사용할 수 있습니다

원격 인터페이스에 데이터를 제출해야 하기 때문에 프로젝트에 캡슐화한 방법입니다

<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>
로그인 후 복사

js에서 각 상자의 값을 구한 후 제출하세요

Ajax를 사용하여 제출하세요

우선 formfrom이 아닙니다. 또한, 양식에 포함되지 않은 양식을 제출해야 제출할 값을 가져온 다음 AJAX를 사용할 수 있습니다. 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>
로그인 후 복사
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿