HTML how to disable select in text input field

Question

I have a text input with a jQuery datepicker to choose dates, and I don't want it to be a possibility to select the text inside of it if someone were to double click the box or so, how can I disable this?

unselectable="on"

&

user-select: none;

did not work for me, is there another way?

Steven Steinrücken · Accepted Answer · 2017-02-05 09:35:42Z

4

this solution should work for you:

<input type="text" readonly="readonly">

answered Feb 5, 2017 at 9:35

Steven Steinrücken

961 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mithilesh Gupta · Accepted Answer · 2017-02-05 09:34:20Z

0

use a span/div as a parent of the input control and on click of this element-show the datepicker

use disabled property on the input control:

<input type="text" disabled>

edited Feb 5, 2017 at 9:34

answered Feb 5, 2017 at 9:30

Mithilesh Gupta

2,9401 gold badge21 silver badges18 bronze badges

1 Comment

Pontus Svedberg Over a year ago

well, that disables the function of the datepicker as well :/

Collectives™ on Stack Overflow

HTML how to disable select in text input field

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related