앱 만들기/HTML5 study

Input 텍스트 필드 속성

나도처음이야 2023. 4. 8.

텍스트 인풋 타입의 태그에서 

글자수 제한과 기본 입력 값 필드 속성에 대해서 알아봅니다.

  <form>
    <fieldset>
        <lable for="id">아이디</lable>
        <input type="text" id="id" size="20" maxlength="20" value="basic text">

        <labael for="pw">패스워드</labael>
        <input type="password" id="pw" maxlength="8" >
    </fieldset>
  </form>

size : 필드의 크기를 의미하며, 화면에 보일 글자 개수를 뜻합니다.

maxlength : 최대로 입력할 수 있는 글자의 수입니다. 위 예제에서는 20자 이상은 입력하지 못합니다.

value : 기본적으로 화면에 보일 글자를 의미합니다.

위 코드를 실행 시 value 값에 의해서 기본 텍스트가 입력됩니다.

Input 텍스트 필드 속성에 대해서 알아보았습니다.

감사합니다.

반응형

'앱 만들기 > HTML5 study' 카테고리의 다른 글

Input type="range" 예제  (1) 2023.04.10
Input type="number" 예제  (2) 2023.04.09
div 태그 란?  (6) 2023.03.17
전송,리셋 버튼 만들기  (4) 2023.03.16
체크박스 예제  (6) 2023.03.15

댓글