반응형
아래 코드에서 작성된 코드들은 모두 <form> 내부에 작성되었습니다
1. 텍스트 입력받기
<div>
<input type="text">
</div>
2. 텍스트 가이드 넣어주기
<div>
<input type="text" placeholder="텍스트를 입력해주세요（*´▽`*)">
</div>text를 입력 받을 때 사용자에게 힌트를 제공하기 위해서는 placeholder를 사용한다
3. 데이터 전송 버튼 만들기
<div>
<input type="text">
<input type="submit">
</div>type submit을 통해 제출 버튼을 만들 수 있다
4. '제출'버튼 텍스트 바꾸기
<div>
<input type="submit" value="（*´▽`*)">
</div>input type = 'submit'을 입력하면 기본 값이 '제출'로 들어가 있는데 value = "입력하고 싶은 값"을 입력하면 변경이 가능하다
5. 아이디 페스워드 입력받기
<div>
<input type="id">
<input type="password">
<input type="submit" value="다음">
</div>type="id"의 경우 ---@---.-- 로 이루어진 아이디 형태의 값만 받을 수 있다
type="password"에 값을 입력하는 경우 *****형태로 보인다
반응형