How to prevent user to type into a particular form field?

Question

I have a form and it has several fields. There is an ID field which is generated from another form. Now i want to prevent users to change that field value.

How do i do this? DO i need any javascript or anything else?

And would've brought you [here](http://stackoverflow.com/questions/372604/html-input-box-disable) :) — Justin K, Sep 27 '13 at 16:01
@adarksun well on a serious note, You should show some efforts before asking question as it is harmful for SO(some say but i think GC of SO is quite well) and for yourself too, I already flagged it (no downvote though) and i suggest you to be more proactive. — Suraj Singh, Sep 27 '13 at 16:12
http://kreotekdev.wordpress.com/2007/11/08/disabled-vs-readonly-form-fields/ — Suraj Singh, Sep 27 '13 at 16:13

score 4 · Answer 1 · answered Sep 27 '13 at 15:59

4

You can use disabled on the field:

<input type='text' disabled />

Or readonly

<input type='text' readonly />

answered Sep 27 '13 at 15:59

tymeJV

103,943
14
161
157

1

I think, it should be better to use double quotes instead of single quotes. – Flea777 Sep 27 '13 at 16:02
1

@Flea777 either is fine. In fact no quotes are necessary in this case. – Pointy Sep 27 '13 at 16:05
There is no difference in using single or double quotes. See [here](http://stackoverflow.com/questions/2373074/single-vs-double-quotes-vs). – Kyle Decot Sep 27 '13 at 16:05

lasbreyn · Answer 2 · 2014-05-21T15:32:27.570

1

<input type="text" name="NAME-OF-FIELD" value="VALUE-NOT-TO-CHANE" disabled="disabled" />

or you could use

<input type="text" name="NAME-OF-FIELD" value="VALUE-NOT-TO-CHANE" readonly />

or if you need to hide it

< input type="hidden" name="NAME-OF-FIELD" value="VALUE-NOT-TO-CHANE" />

You will still have access to it when you submit the form.

edited May 21 '14 at 15:32

answered Sep 27 '13 at 16:12

lasbreyn

141
1
4

score 0 · Answer 3 · answered Sep 27 '13 at 16:01

0

If you can change the HTML, I'd suggest making the input hidden with type="hidden".

If you can't, apply the CSS style display:hidden to it.

Or did you want to leave it visible?

answered Sep 27 '13 at 16:01

Mr Lister

45,515
15
108
150

score 0 · Answer 4 · answered Sep 27 '13 at 16:01

0

You have to disable the field:

<input type="text" disabled="disabled" />

Or set it readonly

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

answered Sep 27 '13 at 16:01

Flea777

1,012
9
21

Suraj Singh · Answer 5 · 2013-09-27T16:14:51.633

0

A readonly element not editable, but gets sent when the form submits. a disabled element isn't editable and isn't sent on submit.Readonly elements can be focused while disabled elements can't.

<input type="text" readonly />

edited Sep 27 '13 at 16:14

answered Sep 27 '13 at 16:02

Suraj Singh

4,041
1
21
36

How to prevent user to type into a particular form field?

5 Answers5