脚本宝典收集整理的这篇文章主要介绍了php – 如何隐藏/显示HTML表单的各个部分，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_403_20@ 这是一个非常普遍的要求.这是一种方式

>使用易于管理的ID并且只有第一个可见的div在@L_126_12@中打破您的表单

.

<form action=".." ..>
<!-- the First page has style set to be visible -->
<div id="formpage_1" style="visibilITy: visible; display: block; .."> 
  <label for="..">..</label>
  <input tyPE=".." ..>
  ..
  <!-- NEXT button -->
  <input type="button" value="next" onclick="pagechange(1,2);">
</div>
<!-- the 2nd and following pages have style set to be invisible -->
<div id="formpage_2"  style="visibility: hidden; display: none; ..">
  <label for="..">..</label>
  <input type=".." ..>
  ..
  <!-- PrevIoUS and NEXT buttons -->
  <input type="button" value="back" onclick="pagechange(2,1);">
  <input type="button" value="next" onclick="pagechange(2,3);">
</div>
...
<div id="formpage_10"  style="visibility: hidden; display: none; ..">
  <label for="..">..</label>
  <input type=".." ..>
  ..
  <!-- PREVIoUS and SubMIT buttons -->
  <input type="button" value="back" onclick="pagechange(10,9);">
  <input type="submit" value="Submit">
</div>

>使用简单的JS函数在页面之间切换

.

function pagechange(Frompage,topage) {
  VAR page=document.getElementById('formpage_'+frompage);
  if (!page) return false;
  page.style.visibility='hidden';
  page.style.display='none';

  page=document.getElementById('formpage_'+topage);
  if (!page) return false;
  page.style.display='block';
  page.style.visibility='visible';

  return true;
}

编辑

如果要使用表格布局,请将for分隔为更多表格(每页一个)并将id分配给表格而不是div

脚本宝典总结

以上是脚本宝典为你收集整理的php – 如何隐藏/显示HTML表单的各个部分全部内容，希望文章能够帮你解决php – 如何隐藏/显示HTML表单的各个部分所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。