咨询申请多行文本输入时首次不弹键盘框问题

app/css/app.css

.mainbox{width: 96%; margin:2% auto;}
.mainbox:before{ position:static;}
/*div模拟textarea多行文本框*/
.textareabox{font-size:13px;padding:2px;-webkit-user-select:text;border-bottom: 1px solid #F0F0F0;}
div.textareabox{font-size:13px;padding:2px;-webkit-user-select:text;border-bottom: 1px solid #F0F0F0;-webkit-user-modify: read-write-plaintext-only;}
div.textareabox:empty:before {content: attr(placeholder);display: block;color: #AAAAAA;}
.borderarea{/*border-bottom: 1px solid #F0F0F0;*/}
/*必填项样式*/

app/html/consultapply.html

				border-bottom:1px solid rgba(0,0,0,.2);
				background:#fff;
			}
			.content{color:#AAAAAA}
			.question{color:#666666}
			/*.content{color:#AAAAAA}
			.question{color:#666666}*/
			#count {
				text-align: right;
				color:#AAAAAA;
							<li class="basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="mui-input-clear frmtype" id="consulttitle"></li>
							<li><label>咨询内容<em class="requiredcon" ></em></label></li>
							<li style="height:auto">
								<div class="textareabox content" id="consultcon" contenteditable="true" onfocus="if(this.innerText=='请详细描述您遇到的问题')this.innerText='';this.style.color='#555555';" onblur="if(this.innerText=='')this.innerText='请详细描述您遇到的问题';this.style.color='#AAAAAA';">
									请详细描述您遇到的问题
								</div>
								<div class="textareabox content" id="consultcon" contenteditable="true" placeholder="请详细描述您遇到的问题"></div>
								<div id="count">300</div>
							</li>
						</ul>