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.....
<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
Post a Comment