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….
[code=html]
<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>