<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style>
body{
background-color: rgba(128, 128, 128, 0.3);
}
.title{
height:100px;
margin: 0px auto;
line-height: 100px;
}
.body{
width:800px;
height: 800px;
margin: 15px auto;
border: 1px solid red;
}
</style>
<script>
function foo(){
if(myform.title.value==""){
alert('请填写你的新闻标题');
myform.title.focus();
return false;
}
if(myform.content.value==""){
alert('新闻内容不能为空哦');
myform.content.focus();
return false;
}
}
</script>
</head>
<body>
<div id="body" class="body">
<form method="post" action="new_post.php" onsubmit=" return foo();" name="myform">
<div id="title" class="title"> <h2>发布新闻系统</h2></div>
<p>标题:<input type="text" name="title"/></p>
<p>内容:<textarea cols=30 rows=5 name="content"></textarea></p>
<p><button class="btn-default">发布新闻</button><button class="btn-default" type="reset">取消发布</button></p>
<p></p>
</form>
</div>
</body>
</html>