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

kis정보통신 결제내역 짜증난다

가계부 정리하는데 카드내역에 kis정보통신이라고만 나오는거임 이게 뭔지 생각이 안나서 더 짜증나는 상황. 조회하는 방법이 있었다…

3일 ago

르아르 경량패딩 구매해봄

세일을 한다길래 구입해봤는데 생각보다 훨씬 괜찮았음. 무신사에 후기는 많기는 했지만 이벤트 당첨됐다면서 올린 후기라 믿을…

2주 ago

260112 당구큐 비싼걸로 구입해버렸다 FE올죠몬버터

현재 가지고 있는 큐는 무사시 애니그마로 그것도 나쁘진 않다. 하지만 어느샌가 무사시ps10을 갖고 싶어졌고, 물건이…

1개월 ago

주짓수 화이트 1그랄로 승급함

https://ddable.com/250828-%EC%A3%BC%EC%A7%93%EC%88%98-%EC%8B%9C%EC%9E%91%ED%95%A8/ 주짓수를 언제 시작했나 봤더니 8월말이었음. 9월이네. 그리고 한달 다니다가 갈비뼈에 금이 가면서 10월 한달을…

1개월 ago

토스에서 cu, gs 편의점 반값택배 예약이 되는구나

최저무게로 하면 1800원으로 보낼 수 있네. 싸고 좋다 토스에서 예약하기도 쉬워서 간편해. 예약하고 보내는 방법은?…

1개월 ago

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

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

2개월 ago