How to disable input in html/css

Methods to disable input: 1. Add the "readonly="readonly"" statement to input; 2. Add the "disabled="disabled"" statement to input; 3. Add "maxlength="0" to input "" statement, set the maximum input length to 0.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Input method to prohibit input

1: readonly attribute

readonly specifies that the input field is Read-only and copyable, however, the user can use the Tab key to switch to the field, be selectable, receive focus, and select or copy its text.

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

2: disabled attribute

disabled The disabled input element can be copied and cannot receive focus. After setting, the color of the text will turn gray. Cannot be used with .

<input type="text" value="哈哈哈" disabled="disabled">

3: maxlength attribute

By controlling the max length of input to 0, the effect of prohibiting input is achieved

<input type="text" maxlength="0">

For more programming-related knowledge, please visit : Programming Video! !

The above is the detailed content of How to disable input in html/css. For more information, please follow other related articles on the PHP Chinese website!