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

Question

我有一个搜索表单

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

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

Answer 1

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

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