Input Text/Checkbox에서 기본값 전달하기

Last Updated: 2016년 02월 17일 댓글

<input> 태그는 사용자가 데이터를 입력할 수 있는 입력 필드를 지정합니다. <input> 요소는 <form> 요소 내에서 사용되어 사용자가 입력 데이터(Input Data)를 입력할 수 있는 Input Control을 선언하게 됩니다. Input Text에 대한 자세한 내용은 여기를 참고하시기 바랍니다.

입력 필드에서 기본값을 미리 입력하여 전달시켜야 하는 경우가 있습니다. 이 경우 value 값을 지정해주면 됩니다.

<input type="text" name="subject" value="워드프레스 등록" />

그리고 이 입력 필드가 표시되지 않도록 하려면 스타일시트에 display: none;을 추가하거나 간단히 type를 "hidden"으로 바꾸면 됩니다.

<input type="text" name="subject" style="display:none" value="워드프레스 등록" />

- 또는 -

<input type="hidden" name="subject" value="워드프레스 등록" />

위의 코드를 활용하면 문의 폼(Contact Form)에서 제목이나 혹은 원하는 텍스트 필드 값을 사용자에게 표시하지 않으면서 전달할 수 있습니다.

Checkbox 필드에서도 체크된 값을 기본적으로 전달시킬 수 있습니다. 예를 들어, 워드프레스의 게시판 플러그인인 KBoard에서 사용자가 작성하는 글이 비밀글로 기본적으로 설정되도록 하여 관리자와 작성자 외의 다른 사용자가 볼 수 없도록 설정하기를 원할 수 있습니다. 이 경우 다음과 같이 checked를 추가해주면 됩니다.

<input type="checkbox" name="secret" value="true" style="display:none!important;" checked>

checked 대신 checked="checked"를 사용해도 됩니다.

기본적으로 체크박스가 체크되도록 설정하기

참고:


댓글 남기기

Leave a Comment