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이라고 했을 때는 제출버튼이 만들어지는데 밸류 속성으로 그 안에 문자를 변경할 수 있습니다 .기본적으론느 제출이라고 표시가 됩니다.
 

DDable

Recent Posts

그라미치 NN팬츠 크롭 사봄.

그라미치 루즈테이퍼드 팬츠만 갖고 있었는데 이번엔 그라미치 NN팬츠 크롭을 사봤음. 재질이 아얘 다르다. 루즈테이퍼드는 일반적인…

1일 ago

주짓수 손가락 보호대와 테이핑 후기

주짓수를 처음하는 사람들은 손가락 마디가 아프다. 평소에는 뭔가 세게 잡을 일이 없지만 주짓수는 첨부터 끝까지…

1주 ago

가민 포러너265 중고 구입

가끔 러닝하는 사람이지만 갑자기 가민시계가 갖고 싶어졌음. 그저 내 수면과 심장박동을 측정하고 싶은 마음이랄까? 새거는…

3주 ago

미즈노 웨이브골드8 와이드 탁구화 샀음

탁구 초보자들은 알거임 탁구화를 사자니 은근 돈이 아깝고, 그냥 운동화도 괜찮지 않나? 라는 생각을 하게…

3주 ago

나이키 acg 드라이핏 트레일 캡 모자 구입

나이키 acg 트레일캡 모자는 검정색이 잘 안나오는데 재고가 있다고해서 급하게 사봄ㅋ 겉 재질은 바람막이의 그…

1개월 ago

맥포스 알바트로스 EDC 가방 구입

올리브로 구입했다. 맥포스 알바트로스는 EDC가 있고 아닌게 있는데 EDC는 42리터로 기내반입이 가능하고 ECD가 아닌 모델은…

1개월 ago