Prevent users from manually entering dates in input boxen

Question

I am using the jQuery datepick plugin on two input boxes, and would like to prevent users of my Web site from manually entering dates in those input boxes. How could I do that?

I think I could cancel the onkeydown and onkeypress events, but it doesn't strike me as particularly elegant to do the same thing on two event handlers. Is there any other means to achieve the same thing?

Answer 1

只需向这些输入字段添加readonly属性，这将阻止直接输入

Answer 2

在输入上设置“只读”值。

<input type='text' id='foo' readonly='readonly'>

Answer 3

<input type="text" readonly/>

应该这样做。