HTML Prohibit text box input

To prevent text box input several commonly used label input has several properties, namely ReadOnly, disabled, AutoComplete, below or to see the use of these tags.

HTML Block input text box

The ReadOnly property stipulates that the input field is read-only. Read-only fields cannot be modified. However, users can still switch to the field by using the TAB key, and can also select or copy their text.

<input readonly= "readonly" value= "xxxx"/>

Write code to add the Type= "Text property:

<input type= "text" name= "www.xxx" readonly= "readonly"/>

The Disabled property stipulates that the input element should be disabled. The disabled INPUT element is neither available nor clickable, nor can it be selected. You can set the disabled property until certain other conditions are met (for example, a check box is selected, and so on). Of course, we can also use JavaScript to remove the disabled value and switch the INPUT element's value to usable.

<input disabled= "Disabled" value= "xxxx"/>

Write code to add the Type= "Text property:

<input type= "text" name= "www.xxx.com" disabled= "disabled"/>

Second, the CSS shielding input does not enter: CSS code is as follows:

<input style= "ime-mode:disabled" >

Third, the front has involved AutoComplete this attribute, in fact this attribute can also be used here to let the text box to prohibit input. The specific code is as follows:

<input type= "text" autocomplete= "Off" id= "number"/>

AutoComplete Explanation: The property of input AutoComplete defaults to ON. The meaning of this means that the browser automatically records the values entered before. Many times, the customer's information needs to be kept confidential to prevent browser software or malicious plug-ins from acquiring it. You can include autocomplete= "off" in input to close the record, so you can use this parameter if you do not allow input input or if the system needs to be kept secret.