[생활코딩] 22강. <form> - text field

<input type="text" name="값의 이름" value="값" disabled="disabled" readonly="readonly" />

속성	설명
type="     "	어떤 성격의 데이터를 넣을 것인지 써 주는 곳. 무엇을 속성값으로 갖느냐에 따라서 만든 Control의 쓰임 및 작동 방법이 완전히 달라진다. 속성값이 text면 text field가 되는 것이다.
name	'서버로 전송할 데이터'의 이름
value	속성값에 적힌 것이 웹 페이지에 드러난다. 즉, '서버로 전송하는 데이터'인 셈.
disabled="disabled"	이 속성이 포함된 Control은 사용자가 제어할 수 없게 된다. 사용자가 어떠한 데이터를 사전에 입력해놓았다 하더라도, 이 데이터가 서버로 전송되지 않는다. form을 불능화(不能化)한다.
readonly	읽기 전용으로 설정된 곳에 사용함. 사용자가 값을 입력할 수 있는 곳이 아님. 이미 입력된 값이나, 기본적으로 설정되어 있는 value 값을 보여주며, 서버에 전송되는 데이터이다.

 

 

예제 1. 

기본 text field만 만들었을 때, 빈칸에 타이핑을 할 수 있다.

disabled="disabled"를 추가했을 때, 커서도 놓이지 않고, 빈칸이 비활성화 된다.

readonly="readonly"를 추가했을 때, 커서가 놓이지 않으나, 빈칸이 비활성화 된 것은 아니다.

readonly="readonly"와 value 값을 추가했을 때, value에 적힌 속성값이 기본적으로 입력되어 있고, 클릭해 블럭도 씌워 선택할 수 있으나, 값을 수정할 수는 없다.

disabled="disabled"와 value 값을 추가했을 때, value에 적힌 속성값이 기본적으로 입력되어 있으나, 클릭해 블럭을 씌울 수 없으며 값을 수정할 수도 없다.