value 속성

value 속성은 HTML 양식 입력 필드의 기본값을 설정합니다. 페이지에 접속할 때 자동으로 필드에 삽입됩니다.

input 태그, option 태그 및 다른 태그에 적용됩니다.

텍스트 입력 필드

input 텍스트 입력 필드의 경우, value 속성의 내용은 필드에 표시될 기본 텍스트를 설정합니다 (삭제하고 직접 작성할 수 있습니다).

버튼

input 태그에 type 속성 값을 button, submit 또는 reset로 설정하여 생성된 버튼에 이 속성이 적용되면, value 속성은 버튼의 텍스트를 설정합니다.

체크박스

체크박스에 이 속성이 적용되면 외관상 변화는 관찰되지 않지만, 선택된 체크박스는 서버에 이 속성의 내용을 전송합니다. 체크박스에 value 속성이 없으면 문자열 'on'을 전송합니다. 체크박스가 선택되지 않은 경우, value 속성의 존재 여부와 관계없이 서버에 아무것도 전송되지 않습니다.

라디오 버튼

라디오 버튼 그룹의 경우, 서버 (예: PHP 또는 NodeJS)가 어떤 버튼이 선택되었는지 식별할 수 있도록 하기 위해, value 속성에 서로 다른 값을 설정해야 합니다.

option 태그

option 태그에 value 속성이 설정되지 않은 경우, 서버에는 option 태그의 내용이 전송됩니다. 속성이 설정된 경우에는 해당 속성의 내용이 전송됩니다.

예제

입력 필드에 기본 텍스트를 설정해 보겠습니다:

:

예제

이제 버튼의 텍스트를 변경해 보겠습니다:

:

함께 보기