javascript - text box are getting cut off in iphone lay out -


when reduce browser window iphone lay out.... can see different lay out.... problem right side of text fields being cut off... how fix it... providing code below.....

http://jsfiddle.net/jpvzl/1/

<input type="text" placeholder="company name " name="fullname" maxlength="30" required="required" id="id_username"> <input type="text" placeholder="contact name" name="company" maxlength="30" required="required" id="id_company"> <input type="text" placeholder="address1" name="email" maxlength="75" required="required" id="id_email"> <input type="password" placeholder="address2" name="password" maxlength="16" required="required" id="id_password"> <input type="password" placeholder="address3" name="repassword" required="required" id="id_repassword"> <input type="text" placeholder="city " name="fullname" maxlength="30" required="required" id="id_username"> <div class="controls">     <select name="select" id="state" style="width: 300px;height: 38px;">         <option value="california" selected="">california</option>         <option value="new york">new york</option>         <option value="texas">texas</option>     </select> </div> <input type="text" placeholder="zip" name="email" maxlength="75" required="required" id="id_email"> <div class="controls">     <select name="select" id="country" style="width: 300px;height: 38px;">         <option value="usa" selected="">usa</option>         <option value="india">india</option>         <option value="korea">korea</option>         <option value="vietnam">vietnam</option>     </select> </div> <input type="text" placeholder="phone" name="company" maxlength="30" required="required" id="id_company"> <input type="text" placeholder="fax" name="email" maxlength="75" required="required" id="id_email"> <input type="password" placeholder="email" name="password" maxlength="16" required="required" id="id_password"> <input type="text" placeholder="url" name="company" maxlength="30" required="required" id="id_company"> <input type="text" placeholder="gl account" name="email" maxlength="75" required="required" id="id_email"> <input type="password" placeholder="" name="password" maxlength="16" required="required" id="id_password"> <textarea name="inquiry" placeholder="notes" rows="3" required="required" id="id_inquiryform" style="width:290px;"></textarea> 

looks #signup-modal div set width of 125px. increase correct sizes fit inputs. or remove 'overflow:hidden'


Comments

Popular posts from this blog

ios - UITEXTFIELD InputView Uipicker not working in swift -

Hatching array of circles in AutoCAD using c# -