面向对象 留言框架

面向对象 留言框架

<div>
		<div class="container" style="background-color: #fff;">
		  <div class="row">
		    <div class="col-sm-4">
				<div class="well well-lg" style="background-color: #fff;height: 600px;margin-top: 10px;">
					
						<input type="text" placeholder="用户名称。。。"class="col-sm-10"/>
				
					
				
				</div>
				
		    </div>
		    

			<!-- 面板 -->
			<div class="col-sm-8">
				<div class="panel panel-default" style="margin-top: 10px;">
				    <div class="panel-body">
				       <div class="panel-body">
				       	<h3 class="panel-title" style="float: right;">
				       		联系人
				       	</h3>
				       	<hr>
				       	<div id="xsk" style="width: 95%;height: 300px;margin-bottom:20px;">
				       		
				       	</div>
				       	<div id="shuru">
				       		<textarea  id="text" style="width: 95%;height:100px;text-align: left;vertical-align:top"></textarea>
				       		<!-- <input type="textarea" name="" id="text" style="width: 95%;height:100px;"/> -->
				       	</div>
				       	<div id="anniu" style="margin-top: 10px;margin-right: 50px;float: right;">
				       		<button type="button" class="btn-info">发送</button>
				       		<button type="button" class="btn-info" onclick="clearText()">清空</button>
				       	</div>
				       </div>
				    </div>
				</div>
		    </div>
		  </div>
		</div>
		

		<!-- 脚本 -->
		<div class="panel-footer" style="height: 40px;margin-top: 30px;">
				<div class="pull-left">
					<a href="#">帮助</a>
					<a href="#">反馈</a>
				</div>
				<div class="pull-right">
					2021.07.22
				</div>
		</div>
		
		
		
  </div>