失物招领发布界面-表单设计

最新推荐文章于 2024-04-08 11:03:36 发布

_夜风

最新推荐文章于 2024-04-08 11:03:36 发布

阅读量4.9k

点赞数 2

分类专栏： HTML--CSS--JavaScript 文章标签：表单 bootstrap 失物招领

本文链接：https://blog.csdn.net/k183000860/article/details/50184107

版权

HTML--CSS--JavaScript 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>主页</title>

		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

		<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

		<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

		<!-- core CSS -->
		<link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet">
		<link href="bootstrap3/css/bootstrap-theme.min.css" rel="stylesheet">
		<!--响应式-->
		<link href="css/responsive.css" rel="stylesheet">
		<!--自定义CSS样式-->
		<link href="css/main.css" rel="stylesheet">
		<!--[if lt IE 9]>
    	<script src="js/html5shiv.js"></script>
    	<script src="js/respond.min.js"></script>
    	<![endif]-->
	</head>

	<body>
		<form>
			<!--<div>
				<label for="index0">拾到失物时，如知道遗失者学号或者工号。。。。。。。</label>
			</div>-->
			<span>
				<label for="index1">类型</label>
			</span>
			<select class="form-control">
				<option>寻物</option>
				<option>招领</option>

			</select>

			<!--<input type="text" class="form-control" placeholder="Text input">-->

			<div class="form-group">
				<label for="index2">标题</label>
				<input type="title" class="form-control" id="index2" placeholder="标题">
			</div>
			<div class="form-group">
				<label for="index3">日期</label>
				<input type="date" class="form-control" id="index3" placeholder="日期">
			</div>
			<div class="form-group">
				<label for="index4">地点</label>
				<input type="place" class="form-control" id="index4" placeholder="地点">
			</div>
			<div class="form-group">
				<label for="index5">联系人</label>
				<input type="name" class="form-control" id="index5" placeholder="联系人姓名">
			</div>

			<select class="form-control">
				<option>手机</option>
				<option>QQ</option>
				<input type="index" class="form-control" id="index6" placeholder="">
			</select>

			<div class="form-group">
				<label for="index7">详情</label>
				<textarea class="form-control" rows="7"></textarea>
			</div>

			<!--<div class="form-group">
				<label for="index8">图片</label>
				<input type="file" id="exampleInputFile">
				<p class="help-block">请选择你要上传的图片</p>
			</div>-->

			
			<div>
				<button id='picture' style="width: 100%;" οnclick="window.open('pic.html')">拍照上传</button>
			</div>
			<br />

			<button type="submit" class="btn btn-default  btn-lg btn-block">发布</button>

		</form>

		
	</body>
</html>