<label for="user-id">사용자 아이디</label>
<input type="text" id="user-id">
브라우저에서 실제 표시된 모습
<label for="user-id">사용자 아이디</label>
<input type="text" id="user-id" placeholder="특수문자 포함 10자 이상">
브라우저에서 실제 표시된 모습
<input type="text" placeholder="사용자 아이디">
브라우저에서 실제 표시된 모습
<label for="user-id">사용자 아이디</label>
<input type="text" id="user-id" value="myid#123">
브라우저에서 실제 표시된 모습 컨트롤을 변경 혹은 편집할 수 없게 만듭니다.
<label for="user-id">사용자 아이디</label>
<input type="text" id="user-id" value="myid#123" readonly>
브라우저에서 실제 표시된 모습 컨트롤을 변경 혹은 편집할 수 없게 만듭니다.
input type 속성의 text 값에 대한 브라우저 호환성과 관련 속성의 브라우저 호환성
속성
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
<input type="text"> 1 12 1 1
placeholder 3 12 4 4
readonly 1 12 1 1