php设置表单颜色

Posted 2023-05-29 tuoyuanjishu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了php设置表单颜色相关的知识，希望对你有一定的参考价值。

代码：

<!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"  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"  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 函数对输入数据进行转义处理，并将其赋值给相应的输入框。

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

需要先判断输入项的数据是否合法，再根据结果设置颜色。
在设置样式时，需要将样式代码放在表单标签的 style 属性中。
在用户刷新页面后，需要将已经填写的数据显示到相应的输入框中。

如何设置 xamarin 表单输入字段的禁用文本颜色？

【中文标题】如何设置 xamarin 表单输入字段的禁用文本颜色？【英文标题】：How to set the disabled text colour of a xamarin forms entry field? 【发布时间】：2020-04-30 23:05:48 【问题描述】：

当一个条目被禁用时，文本颜色会自动变为灰色，并且似乎没有可绑定的属性来覆盖它。理想情况下，我想要一个修复程序，让我设置文本颜色，而不必依赖维护自定义渲染器。

我的用例是 - 该条目实际上是作为一个标签来隐藏大量用省略号截断的文本，以节省屏幕空间。仅当用户单击编辑图标时才会显示全文 - 条目将被隐藏，并且整个文本将显示为可编辑的多行条目。

我会使用普通标签，但我需要一个占位符来显示哪些标签不支持。

设置文本颜色没有帮助。现在大致是我的代码 - IsVisible 和 IsEnabled 以及 Text 都绑定到视图模型属性，为了清楚起见，我没有在这里显示。

 <Entry  IsEnabled="False" 
         IsVisible="True"
         Text="The disabled text..." 
         TextColor="White">

 </Entry>
 <Editor TextColor="White" IsVisible="False" Text="The disabled text in its full glory">
 </Editor>

【问题讨论】：

【参考方案1】：

一个很好的简单解决方案：不要使用 IsEnabled 使用 IsReadOnly - 这不会影响文本颜色。

<Entry  IsReadOnly="True"
        Text="The disabled text..." 
        TextColor="White">
</Entry>

【讨论】：

以上是关于php设置表单颜色的主要内容，如果未能解决你的问题，请参考以下文章

如何使用 xamarin 表单设置视觉材料输入的边框颜色？

如何在 Xamarin 表单中使用 MVVM 仅为集合视图中的选定框架设置颜色？

是否可以为表单中的文本字段提供背景颜色？

PHP：将动态上传的图像转换为特定颜色（动态颜色）

单选按钮，更改背景颜色 PHP

如何在 Geany 中为 PHP 范围设置与 HTML 范围不同的背景颜色？