Comparison of the use of form element attributes readonly and disabled

1) Scope of application:
readonly:input[type="text"],input[type="password"],input[type="teaxtarea"]
disabled: all form elements, such as select, radio, checkbox, button, etc.

2) Operation:
readonly: users are not allowed to modify the operation, and no other operations are affected
disabled: Prevents all user operations, including user click events and focus events

3) Form submission:
readonly: The value of the form element can be submitted to the server.
disabled: The value of the form element will not be submitted to the server, that is, the server cannot obtain the value of this form element

Common applications:

a> In a form, a unique identification code is pre-filled for the user, and the user is not allowed to change it, but the value needs to be passed when submitting. In this case, its attribute should be set

is readonly;

b>Prevent duplicate submission of the form and use javascript to disable the submit button (form button) after submitting the form.

c>Set checkbox and radio to read-only: disable default events such as: bind("click",function(){return false;}) in jQuery;

<<: 4 ways to achieve a two-column layout with fixed left column and adaptive right column using CSS

>>: Sample code for making desktop applications with vue + Electron

Steps to run ASP.NET Core in Docker container

Solution to the problem of two slashes // appearing after the domain name when nginx is configured for domain name access

I rewrote my personal website recently. I bought ...

Vue+Vant implements the top search bar

This article example shares the specific code of ...

Comparison of the use of form element attributes readonly and disabled

Steps to run ASP.NET Core in Docker container

Design theory: people-oriented design concept

How to extract string elements from non-fixed positions in MySQL

The pitfall record of case when judging NULL value in MySQL

Detailed explanation of common usage of pseudo-classes before and after in CSS3

Summary of 4 ways to add users to groups in Linux

JavaScript to achieve a simple page countdown

Use the ip netns command in Linux to isolate the network port and configure the IP address

About the value transfer problem between antd tree and parent-child components (react summary)

Sample code for a simple seamless scrolling carousel implemented with native Js

Recommend

Use the Linux seq command to generate a sequence of numbers (recommended)

mysql replace part of the field content and mysql replace function replace()

The most complete and detailed process of installing deepin20 on vmware virtual machine

Solution to secure-file-priv problem when exporting MySQL data

jQuery implements accordion small case

HTML head structure

Detailed explanation of Vue routing router

Analyze Mysql transactions and data consistency processing issues

Centos8 builds nfs based on kdc encryption

Example of Vue uploading files using formData format type

Detailed explanation of the master-slave configuration tutorial of redis under Docker

How to quickly build a LAMP environment on CentOS platform

Use Docker to build a Redis master-slave replication cluster

Solution to the problem of two slashes // appearing after the domain name when nginx is configured for domain name access

Vue+Vant implements the top search bar