PHP+MySQL开发：readonly字段置灰显示且可提交数据的实现方法

算力阿峰

2026-5-8

刚好做过类似的需求，给你整理了一套靠谱的实现方案👇

实现表单readonly字段灰色显示且正常提交数据

在PHP+MySQL开发场景里，要实现表单输入字段加readonly属性后灰色显示，同时数据能正常提交，核心要注意两个关键点：

别用disabled属性！它会让字段数据无法随表单提交，改用readonly才是正确选择
用RGBA颜色值自定义灰色样式，从视觉上区分可编辑和只读字段

修正后的完整示例代码

<!DOCTYPE html>
<html>
<head>
<style>
/* 给只读输入框设置灰色背景，视觉上标记为不可编辑 */
#p7 {
    background-color: rgba(215, 215, 215, 1);
    /* 可选：加上统一的边框样式，让视觉效果更协调 */
    border: 1px solid #ccc;
}
</style>
</head>
<body>
<form method="post" action="your-backend-php-file.php">
    <!-- 只读状态的输入框，数据会随表单正常提交 -->
    <input id="p7" type="text" name="prn" value="100" readonly />
    <!-- 提交按钮 -->
    <button type="submit">提交</button>
</form>
</body>
</html>

关键细节说明

样式部分：rgba(215,215,215,1)是纯灰色的RGBA值，最后一位参数1表示完全不透明；如果想要半透明效果，可以改成0.8这类小数，比如rgba(215,215,215,0.8)。
属性选择：readonly属性限制用户编辑输入框内容，但表单提交时，这个字段的name="prn"和对应值100会正常发送到后端PHP，你可以用$_POST['prn']（如果是POST提交）获取到该值，再存入MySQL数据库。
修正了原示例的小问题：原代码里存在无效标签片段和多余引号，我已经调整成标准HTML结构，确保代码能正常运行。