首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PHP form表单计算器 For html美化

PHP form表单计算器 For html美化

作者头像
AlexTao
修改2023-05-16 13:35:21
1.8K0
修改2023-05-16 13:35:21
举报
文章被收录于专栏:钻芒博客钻芒博客
<html>
	<head>
		<meta charset="UTF-8">
	<style>
#zm{
				margin:0 auto; /*块居中*/
				height:200px;/*块高*/
				width:500px;/*块宽*/
				box-shadow:0 10px 50px 5px rgba(9,99,25,.88);/*设置阴影*/
				margin-top:100px;/*顶部边距*/
				border-radius:10px;/*块圆角值*/
				}
#img{
				float: left;		/*居左显示*/
				width: 110px;		/*图片宽*/
				margin-top: 20px;	/*img距离盒子顶部边距*/
				margin-left: 30px;	/*img距离盒子左侧边距*/
				}
#p 	{
				margin-left: 160px;/*文字距离盒子左侧的距离*/
				line-height:30px/*行距*/
				
				}
#zm2{
				margin-top: 20px;
				margin-left: 20px;/*文字距离盒子左侧的距离*/
				font-size:14px;/*字号*/
				line-height:1.5;/*行距*/
				color:#919191/*文字颜色*/;
				}
				.color{
				border-radius:10px;/*块圆角值*/
				box-shadow:0 5px 34px 1px rgba(9,9,88,22);/*设置阴影*/
				color: white;
				background-color:  cadetblue;
				}
				.color2{
				border-radius:10px;/*块圆角值*/
				margin-left: 20px;/*文字距离盒子左侧的距离*/
				box-shadow:0 5px 34px 1px rgba(9,9,88,22);/*设置阴影*/
				color: white;
				background-color:  cadetblue;
				}
				#scjg{
				margin-left: 1px;/*文字距离盒子左侧的距离*/
				line-height:30px;/*行距*/
				color:blue;
				}
				#red{color: red;}
				.bdbg{
				border-radius:10px;/*块圆角值*/
				box-shadow:0 5px 34px 1px rgba(9,9,88,22);/*设置阴影*/
				color: white;
				background-color:darkslategrey;
				}
		</style>
	</head>
<body>
	<div id="zm">
		<div id="zm2">
			<p id="p">
				<a align="center">Form表单计算器V1.0</a>
				<br>
					<form method="get">
						<input  class="bdbg"  type="text" name="zm1">
							<select  class="bdbg"  name="fuhao">
							<option>+</option>
							<option>-</option>
							<option>*</option>
							<option>/</option>
							</select>
						<input  class="bdbg"  type="text" name="zm2">
							
						<input    class="color2" type="submit" value="计算">
					</form>
	</p>
<?php
		
		if (isset($_post['zm1']) && isset ($_POST['zm2'])){
		$zm1 = $_POST['zm1'];
		$zm2 = $_POST['zm2'];
		$fuhao = $_POST['fuhao'];
		
		var_dump($_POST);
			echo '<br>';
			switch($fuhao){
			case '+' : echo $zm1.'+'.$zm2. '=' ,$zm1+$zm2;break;
			case '-' : echo $zm1.'-'.$zm2. '=' ,$zm1-$zm2;break;
			case '*' : echo $zm1.'*'.$zm2. '=' ,$zm1*$zm2;break;
			case '/' : echo $zm1.'/'.$zm2. '=' ,$zm1/$zm2;break;
			default : echo '非法运算符'; break; 
			}
		}
			echo '<b><a id="scjg">计算结果:</a></b>';
			if (isset($_GET['zm1']) && isset ($_GET['zm2'])){
		$zm1 = $_GET['zm1'];
		$zm2 = $_GET['zm2'];
		$fuhao = $_GET['fuhao'];
//		echo '<br>';
//		var_dump($_GET);
		echo '<br>';echo '<p></p>';
			switch($fuhao){
			case '+' : echo $zm1.'+'.$zm2. '=' ,$zm1+$zm2;break;
			case '-' : echo $zm1.'-'.$zm2. '=' ,$zm1-$zm2;break;
			case '*' : echo $zm1.'*'.$zm2. '=' ,$zm1*$zm2;break;
			case '/' : echo $zm1.'/'.$zm2. '=' ,$zm1/$zm2;break;
//			优化:	判断空值输出提示,但我还不会判断。
			default : echo '非法运算符'; break; 
			}
		}
			
?>
		
		</div></div>
		
		
		
	</body>
</html>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-05-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档