首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

表单的复选框有关问题(急)

2012-02-22 
表单的复选框问题(急急...)divid main ulformid form1 name form1 method post action

表单的复选框问题(急急...)
<div   id= "main ">
    <ul> <form   id= "form1 "   name= "form1 "   method= "post "   action= " ">
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '1 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '2 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '3 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '4 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '5 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '6 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '7 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '8 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '9 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '10 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '11 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '12 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '13 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '14 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '15 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '16 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '17 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '18 '   /> </li>


    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '19 '   /> </li>
    <li> <img   src= "image/example.jpg "   /> <input   type= 'checkbox '   name= 'chk '   value= '20 '   /> </li>
    <input   type= "submit "   name= "Submit "   value= "投   票 "   /> <input   type= "submit "   name= "Submit2 "   value= "结   果 "   /> </form> </ul>
    </div>  


为什么ie显示的是投票和结果两个按钮在最后一个 <li> </li> 块之中
还有我这样设计表单合理吗?

[解决办法]
<div id= "main ">
<form id= "form1 " name= "form1 " method= "post " action= " ">
<ul>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '1 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '2 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '3 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '4 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '5 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '6 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '7 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '8 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '9 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '10 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '11 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '12 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '13 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '14 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '15 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '16 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '17 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '18 ' /> </li>


<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '19 ' /> </li>
<li> <img src= "image/example.jpg " /> <input type= 'checkbox ' name= 'chk ' value= '20 ' /> </li>
</ul>
<input type= "submit " name= "Submit " value= "投 票 " /> <input type= "submit " name= "Submit2 " value= "结 果 " />
</form>
</div>
[解决办法]
运行后HTML贴出来

<div style= "clear:both;font-size:0;height:0;width:100% "> &nbsp; </div>
<input type= "submit " name= "Submit " value= "投 票 " /> <input type= "submit " name= "Submit2 " value= "结 果 " />
<div style= "clear:both;font-size:0;height:0;width:100% "> &nbsp; </div>

热点排行