HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了将html表单划分为不同的div大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我只是想把一个带有多个输入的表单放到不同的div中.

我有4个主要部分,我需要分成单独的div,但他们都必须发布到一个PHP文件.在我尝试设置页面布局时需要分离.

<div id="1">
    <form method="post" action="process.php"> 
    URL <input type="text" name="url" size="50"/>
    </div>

    <div id="2">
    <input type="checkbox" name="ck1" value="option1" />
    <input type="checkbox" name="ck2" value="option2" />
    <input type="checkbox" name="ck3" value="option3" />
    </div>

    <div id="3">
    <input type="checkbox" name="ck4" value="option4" />
    <input type="checkbox" name="ck5" value="option5" />
    <input type="checkbox" name="ck6" value="option6" />
    </div>

    <div id="4">
    <input type="submit" value="Submit">
</form>
    </div>

这确实有效,但没有明显的原因验证.我尝试使用fieldset元素,但它有文件集周围的行边界似乎不适合我的情况.什么是形式化的正确方法,并使其仍然有效?

解决方法

您需要做的是使用fieldset标记,但是,这是许多人的一个选项.

例:fieldset

要说明此示例,请在此处查看我的代码/结果:
http://jsfiddle.net/grARw/

确保表单标记位于顶部和底部,而不是div元素之间.

这是代码:

<form method="post" action="process.php"> 
    <fieldset id="f1">
        <label>URL</label><input type="text" name="url" size="50"/>
    </fieldset>    
    <fieldset id="f2">
        <p><input type="checkbox" name="ck1" value="option1" /> Yes</p>
        <p><input type="checkbox" name="ck2" value="option2" /> No</p>
        <p><input type="checkbox" name="ck3" value="option3" /> Maybe</p>
    </fieldset>  
    <fieldset id="f3">
        <input type="checkbox" name="ck4" value="option4" /> Great
        <input type="checkbox" name="ck5" value="option5" /> Average
        <input type="checkbox" name="ck6" value="option6" /> Poor
    </fieldset >
    <fieldset id="f4">
        <input type="submit" value="Submit">
    </fieldset>
</form>

大佬总结

以上是大佬教程为你收集整理的将html表单划分为不同的div全部内容,希望文章能够帮你解决将html表单划分为不同的div所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

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