html – 禁用编辑文本输入的默认值

我有一个搜索表单

<input id="price_from" value="price from ">
<input id="price_to" value="price to ">
<button>search</button>

如何禁用dafault文本的编辑？当用户开始输入价格金额时,不可能编辑“价格从”和“价格到”,但它们保留在输入字段中.我已经尝试过不同的面具插件jquery,但是他们没有显示默认文本,直到你专注于字段,不提供自定义文本的选项.只有占位符是一个字符.

解决方法

您可以使用只读或禁用属性.请注意,禁用时,输入的值不会在提交表单时提交.

<input id="price_to" value="price to" readonly="readonly">
<input id="price_to" value="price to" disabled="disabled">