html에서 input을 사용할 수 없거나 읽기만 하는 몇 가지 방식과 차이

HTML 텍스트 상자를 편집 불가능한 텍스트 상자로 설정합니다.
방법1:οnfοcus=this.blur()

type="text" name="input1" value="       " onfocus=this.blur()>

방법2:readonly

type="text" name="input1" value="       " readonly>
type="text" name="input1" value="       " readonly="true">

방법3: disabled

type="text" name="input1" value="       " disabled>

입력할 수 없는 텍스트 상자를 흐리게 만들려면 다음과 같이 하십시오.

type="text" name="test" disabled="disabled" style="background:#CCCCCC"/>

그러나 이 방법은 입력 상자에 사용자 정의 CSS 코드를 추가하면 효과가 없습니다. 즉 회색으로 변하지 않습니다.따라서 CSS로 인해 유효하지 않은지 확인합니다.입력 불가
주의:readonly는 텍스트 상자를 조작할 수 없게 할 뿐, 텍스트 상자는 회색으로 변하지 않습니다.disabled만 텍스트 상자를 회색으로 바꿀 수 있습니다.

   ：<input name="time_limit_2" readonly="readonly" />
   ：<input name="time_limit_2" disabled />

양자의 기능에 큰 차이가 있다. 표와 데이터베이스가 상호작용할 때 첫 번째는 문제가 없지만 두 번째는 안 된다. 첫 번째는 input을 읽기 전용으로 설정하고 데이터베이스에 제출할 때 데이터가 여전히 존재한다. 두 번째는 읽기 전용 상태가 아니라 닫는 상태이다!