Hello,
How do i make form elements mobile friendly.
Like i can add p tags out side the form with no style and they resize nicely on mobile device, but the form elements stay small including the p tags with no style....
HTML Code:<form name="call_logging_form" id="call_logging_form" method="post" action="index.html"> <div id="q12" class="sub hide email ess blackboard"> <p> Browser: <br /> <select name="browser" id="browser"> <option value="default" selected>Choose Browser</option> <option value="ie">Internet Explorer (IE)</option> <option value="chrome">Google Chrome</option> <option value="firefox">Mozilla Firefox</option> <option value="safari">Safari</option> <option value="opera">Opera</option> <option value="other">Other</option> </select> </p> </div> <div id="q13" class="sub hide email ess blackboard"> <p> Browser Version: <br /> <input type="text" name="browserversion" /> </p> </div> <div id="q14" class="sub hide software printing desktop wireless"> <p> Platform: <br /> <select name="platform" id="platform"> <option value="default" selected>Choose Platform</option> <option value="win">Windows</option> <option value="mac">Mac</option> <option value="linux">Linux</option> <option value="iphone">iPhone</option> <option value="ipad">iPad</option> <option value="android">Android</option> <option value="other">Other</option> </select> </p> </div> <div id="q15" class="sub hide software printing desktop wireless"> <p> Operating System Version (OS): <br /> <input type="text" name="osversion" /> </p> </div> <div id="description" class="sub hide "> <p> Description: <br /> <textarea id="texta" name="desc" cols="35" rows="7" onblur="check13(this.value)"></textarea> </p> </div> <div id="upload" class="sub hide "> <p> Upload (Attach a screen shot): <br /> <input type="file" name="file" id="file"> </p> </div> <div id="clear"></div> <div id="footer"> <input type="submit" value="Send" class="sub "> </div> </form>


Reply With Quote

Bookmarks