首页 > 编程语言 >php设置表单颜色

php设置表单颜色

时间:2023-05-29 17:55:26浏览次数:41  
标签:PHP 颜色 样式 表单 设置 php border

代码:

<!DOCTYPE html>
<html>
<head>
	<title>PHP 设置表单颜色</title>
	<style>
		input[type=text], select {
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
		}

		input[type=submit] {
			background-color: #4CAF50;
			color: white;
			padding: 14px 20px;
			margin: 8px 0;
			border: none;
			border-radius: 4px;
			cursor: pointer;
		}
	</style>
</head>
<body>

	<?php
	if ($_SERVER["REQUEST_METHOD"] == "POST") {
		// 获取表单数据
		$name = test_input($_POST["name"]);
		$email = test_input($_POST["email"]);

		// 判断表单数据是否合法
		if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
			$nameErr = "只允许字母和空格";
		}

		if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
			$emailErr = "无效的 email 格式";
		}
	}
	
	function test_input($data) {
		$data = trim($data);
		$data = stripslashes($data);
		$data = htmlspecialchars($data);
		return $data;
	}
	?>

	<h2>PHP 设置表单颜色</h2>

	<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

		<label for="name">姓名:</label>
		<input type="text" id="name" name="name" style="background-color: <?php echo isset($nameErr) ? '#ffdddd' : ''; ?>" value="<?php echo isset($name) ? $name : ''; ?>">
		<span class="error"><?php echo isset($nameErr) ? $nameErr : ''; ?></span>

		<br><br>

		<label for="email">邮箱:</label>
		<input type="text" id="email" name="email" style="background-color: <?php echo isset($emailErr) ? '#ffdddd' : ''; ?>" value="<?php echo isset($email) ? $email : ''; ?>">
		<span class="error"><?php echo isset($emailErr) ? $emailErr : ''; ?></span>

		<br><br>

		<input type="submit" value="提交">

	</form>

</body>
</html>

解决思路:

要设置表单颜色,可以通过在表单标签上添加 style 属性,并使用 PHP 的条件语句控制样式。

在上述代码中,我们利用了 PHP 的 isset 函数来判断变量是否存在,从而决定是否改变表单的背景颜色。当某个输入项的数据不合法时,就将其背景颜色设为红色。同时,为了避免用户在刷新页面后失去填写的数据,我们使用了 PHP 的 htmlspecialchars 函数对输入数据进行转义处理,并将其赋值给相应的输入框。

总之,在设置表单颜色时需要注意以下几点:

  1. 需要先判断输入项的数据是否合法,再根据结果设置颜色。

  2. 在设置样式时,需要将样式代码放在表单标签的 style 属性中。

  3. 在用户刷新页面后,需要将已经填写的数据显示到相应的输入框中。

标签:PHP,颜色,样式,表单,设置,php,border
From: https://www.cnblogs.com/tuoyuanjishu/p/17441225.html

相关文章

  • Nginx/PHP文件上传限制说明
    0、背景说明通过PHP程序上述文件时,是否有限制取决多个因素,注意这里表述的是“是否有限制”,这里的限制不光是常认为的大小的限制,还有上传时间的限制。另外除了PHP服务本身之外,一般也和PHP上层的代理集群有关系,常见的代理集群是Nginx/Openrestry1、关于代理集群限制上传代理集......
  • PHP 提取PDF文件内容
    这里以提取 亚马逊日期范围报告PDF汇总的数据根据路径下载PDF/***description:文件下载*@throwsCException*/publicfunctiongetFile($url,$save_dir='',$filename='',$type=0){if(trim($url)==''){......
  • catchAdmin+phpEmailer批量发邮件
    前端参数  后端逻辑//多个邮箱配置publicfunctionsystem(){$email_type=input('email_type','1');$field='id,smtp,smtp_port,sender_email_adress,smtp_name,smtp_code,encryption_type';$where[]=......
  • Docker php安装扩展步骤详解
    前言此篇,主要是演示docker-php-source,docker-php-ext-install,docker-php-enable-docker-configure这四个命令到底是用来干嘛的,它们在PHP容器中都做了哪些事情。很多人很不理解在Dockerfile中安装PHP扩展的时候总是出现这几个命令,本篇就就是为你揭开这些命令的神秘面纱而准......
  • 如何将word公式粘贴到PHPCMS里面
    ​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接......
  • php数组比较相等
    在PHP中,可以使用array_diff函数来比较两个数组的差异。该函数返回一个包含两个数组差集的新数组,即只包含在第一个数组中但不包含在第二个数组中的元素。如果两个数组完全相等,则返回一个空数组。以下是一个示例代码:$array1=array("a"=>"apple","b"=>"banana","c"=>"......
  • php半角符号编码
    在PHP中,半角符号的编码方式与全角符号不同。以下是一些常见半角符号的编码示例:空格: &#32; 或者 &nbsp;句号: &#46;冒号: &#58;分号: &#59;左括号: &#40;右括号: &#41;引号: &#34;示例代码如下:<?phpecho"空格:"."&nbsp;"."&#32;"."&......
  • php数值转换函数
    PHP提供了很多用于数值转换的函数,其中最常见的是intval()、floatval()和strval()。intval()函数可以将一个变量的值转换为整数。如果变量是浮点数,则会将其截断成整数;如果变量是字符串,则会尝试将其转换成整数。floatval()函数则可以将变量的值转换为浮点数。如果变量本身就是一个......
  • php怎么删除目录
    在PHP中,可以使用rmdir()函数来删除一个空目录,该函数只能删除空目录。如果要删除非空目录,则需要使用递归方法将目录中的所有文件和子目录都删除掉,然后再删除该目录本身。下面是一个简单的示例代码,演示了如何使用递归方法删除一个非空目录:functiondeleteDirectory($dir){if......
  • Ubuntu20.04使终端用户名颜色高亮
    Ubuntu20.04使终端用户名颜色高亮问题背景你还在为你的Linux大量输出内容但是不能清晰的看到每次输入的命令而烦恼吗?找找下面图中的两条命令在哪......