html form visible,php - How to hide/show sections of a HTML form - Stack Overflow

这篇博客介绍了一种将长表单分页显示的方法,通过使用div元素和简单的JavaScript函数来切换不同页面。每个页面都有易于管理的id,初始只有第一个页面可见。如果希望使用表格布局,可以将表单分成多个表格,每个页面一个,并为表格分配相应的id。
摘要由CSDN通过智能技术生成

That's quite a common request. Here is one way

Break your form in pages using divs with easy to manage ids and only the first one visible

.

..

..

..

..

...

..

..

Use a simple JS function to switch between the pages

.

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;

}

Edit

If you want to use a table layout, break the for into more tables (one for each page) and give the ids to the tables instead of the divs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值