텍스트 인풋 타입의 태그에서
글자수 제한과 기본 입력 값 필드 속성에 대해서 알아봅니다.
<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 |
댓글