Categories: IT

form tag(폼태그) 기본값,패스워드 안보이게하기,문자입력창,제출버튼 만들기

지난 글에는 테이블태그에 대해 다뤘었죠. 네이버나 다음에 보면 아이디와 패스워드를 입력하는 곳이 있습니다. 혹은 회원가입할 때 여러가지 정보도 넣고 자기소개라던지 기타 등을 적는 네모칸이 있기도 한데요. 그것을 html로 만들어보는 것에대해 배워서 여기서 다시 한번 정리해봅니다. 코딩을 해보죠.
<html>
<body>
<form action=”방문자가 입력하는 정보를 저장할 페이지”>
<p>ID : <input type=”text” name=”id” value=”아이디”></p>
<p>Password : <input type=”password” name=”pw” value=”password”></p>
<p>textarea : <textarea cols=”30″ rows=”5″>텍스트입력창</textarea></p>
<input type=”submit” value=”입력하기”>
</form>
</body>
</html>
이렇게 코딩을 했을 때 결과는요.

패스워드의 인풋타임을 password로 해주면 문자가 보이지 않고 점으로 표시가 되죠. 그리고 value 속성은 기본적으로 보여지는 문자를 정해주는 것입니다. textarea태그는 문자를 입력하는 창을 표현하는데 cols와 rows라는 속성으로 그 크기를 정해줄 수 있죠. 마지막으로 인풋타입을 submit이라고 했을 때는 제출버튼이 만들어지는데 밸류 속성으로 그 안에 문자를 변경할 수 있습니다 .기본적으론느 제출이라고 표시가 됩니다.