文本框显示自定义值，保持提交原始值

您可以使用 JavaScript 在页面加载时将文本框的 value 值修改为您想要的格式，同时使用一个隐藏的 input 元素来存储原始的 value 值，以便提交表单时使用。示例代码如下：

HTML：

<input type='hidden' name='hours' id='hours' value='1'>
<input type='text' name='hours_display' id='hours_display' value='1小时'>

JavaScript：

var hoursInput = document.getElementById('hours');
var hoursDisplayInput = document.getElementById('hours_display');
hoursDisplayInput.value = hoursInput.value + '小时';

这样，当用户提交表单时，您可以获取隐藏的 input 元素的 value 值，而用户看到的文本框的值仍然是您想要的格式。