我一直试图让两个下拉列表并排显示,但无法弄清楚。要设置什么 CSS 元素属性来执行此操作。我必须以以下格式显示它:
[company] [mobile]
代替
[company]
[mobile]
有 3 对这样的对。此外,这对 2 个选择下拉框似乎并不坚持其划分。
<html>
<head>
<style>
body
{
background-image:url('gradient1.jpg');
background-repeat:repeat-x;
}
.ex
{
margin:auto;
width:90%;
padding:10px;
border:outset;
}
select
{
display:inline;
cursor:pointer;
}
.ey
{
display:inline;
}
.gap
{
clear:both;
margin-bottom:2px;
}
</style>
</head>
<body>
<div class="ex">
<form id='dd1.mob1' name='dd1.mob1' method='post' action=' '>
<p><label>Select Company</label></p><br/>
<select onchange=filter.submit() name='dd1mob1' id='dd1mob1'>
<option>1</option>
<option>2</option>" . $options . "
</select>
</form>
<form class="ey" id='dd2.mob1' name='dd2.mob1' method='post' action=''>
<p><label>Select Mobile</label></p><br/>
<select onchange=filter.submit() name='dd2mob1' id='dd2mob1'>
" . $options . "
</select>
</form>
</div>
<div class="ex" class="gap" >
<form id='dd1.mob2' name='dd1.mob2' method='post' action=' '>
<p><label>Select Company</label></p><br/>
<select onchange=filter.submit() name='dd1mob2' id='dd1mob2'>
<option>1</option>
<option>2</option>" . $options . "
</select>
</form>
<form class="ey" id='dd2.mob2' name='dd2.mob2' method='post' action=''>
<p><label>Select Mobile</label></p><br/>
<select onchange=filter.submit() name='dd2mob2' id='dd2mob2'>
" . $options . "
</select>
</form>
</div>
<div class="ex" class="gap">
<form id='dd1.mob3' name='dd1.mob3' method='post' action=' '>
<p><label>Select Company</label></p><br/>
<select onchange=filter.submit() name='dd1mob3' id='dd1mob3'>
<option>1</option>
<option>2</option>" . $options . "
</select>
</form>
<form class="ey" id='dd2.mob3' name='dd2.mob3' method='post' action=''>
<p><label>Select Mobile</label></p><br/>
<select onchange=filter.submit() name='dd2mob3' id='dd2mob3'>
" . $options . "
</select>
</form>
</div>
</body>
</html>