Hello Guys,

 

I am beginner, so please bear with me!!

 

The question is on form element. I am creating a form which contains input fields and select menus. But the elements are not in a proper alignment. Example, input fields are coming in a proper alignment, where as the select menus are in a different alignment. I want the all the text input boxes along with select menus come in the same alignment. Please find the code below. 

 

<form method="post" action="demoform.asp">

<div class="ui-field-contain">

<label for="fullname">Customer Name:</label>

<input type="text" name="fullname" id="fullname">

<label for="cuno">Customer Number:</label>

<input type="text" name="numb" id="numb">

< fieldset class = "ui-field-contain" >

<label for="status">Dispute Status</label>

<select name="status" id="status">

<option value="mon">Open</option>

<option value="tue">Accepted</option>

</select>

</fieldset>

<fieldset class="ui-field-contain">

<label for="country">Country</label>

<select name="country" id="country">

<option value="ind">India</option>

<option value="aus">Australia</option>

</select>

</fieldset>

</div>

<input type="submit" data-inline="true" value="Submit">

</form>

Thanks..Johnson