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

Share
Published by
DDable

Recent Posts

피부관리 초보가 알아야할 것

난 지금껏 로션도 안바르고 선크림도 안바르던 사내였음. 하지만 시간도 남고 하다보니 피부관리에 관심이 생겼음. 피부에…

6일 ago

여드름, 턱드름, 화농성, 민감성, 예민한 피부 해결방법 알려줄테니 들어오셈

어찌보면 간단함 아래에 알려주는 돈 안들고, 지속가능한 것부터 실행해보셈 1.클렌징폼 안쓰기 2.세안은 클렌징밀크로만 하기 3.아침세안은…

1주 ago

남자가 연락안한다고 보채면 안되는 이유 연락안하는 남자

여자는 남자가 연락을 잘 안한다고 보채면 안된다. 당연히 연애초반에는 연락이 잘 안되긴 힘들다. 서로 텐션이…

4주 ago

남자는 외모로 여자를 꼬실 수 없을정도가 적당한것 같다 25.4.1

여자가 남자를 조심해야하듯 남자 역시 여자를 조심해야한다. 요즘은 성형이 많은 시대라 예쁜여자, 잘생긴 남자가 엄청…

4주 ago

너의 이야기를 진지하게 듣지 못했다 25.3.28

미안하다. 너의 고민, 마음속에 있던 이야기를 꺼냈는데 나는 진지하게 듣지 못했다. 진지하게 너에 대해 알아보려고…

1개월 ago

피부과 관리 시술 2주차 (총12주 프로그램)

1주차에는 레이저토닝을 했었다. 수염제모 프로그램도 같이 해서 이것도 1주차에 하긴 했음. 드디어 2주차가 됐는데 이번에는…

1개월 ago