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

혼다 PCX 시동 안걸림 스마트키 먹통 해결

제 스쿠터는 혼다 PCX 125이구요. 22년식입니다. 보였던 증상은 시동이 안걸리고, 키도 안돌아가고, 스마트키도 아얘 먹통이었죠.…

3주 ago

미운우리새끼 최진혁 엄마 너무 멋있어

미운우리새끼를 오랜만에 봤는데 최진혁이 나왔다. 최진혁은 돌싱포맨에서도 몇번 봤었는데 그 덜렁댐은 이루 말할 수 없을…

3주 ago

오클리 선글라스 여러개 써본 후기

여름이 다가오기 때문에 오클리 선글라스를 사야겠다고 마음 먹었다. 근데 온라인으로 그냥 사자니 불편할수도 있기 때문에…

2개월 ago

아크테릭스 에어리어스 FL 신발

종로에서 구입했는데, 시즌이 지난 제품이라 20% 할인해서 구입할 수 있었음 사이즈 보느라 한짝만 신었을때는 볼이…

2개월 ago

노스페이스 할인 구매 목록들 만족만족

이번 노스페이스 세일 때 구매한 옷들입니다. 저는 171cm / 72kg이니까 제 사이즈 참고하시면 좋을 것…

3개월 ago

GS25 노티드음료 맛있어요

우연히 gs25 편의점에 갔다가 귀여워서 봤는데 노티드에서 나온 음료였어요. 커피 들어간 커피음료에요. 지금 1+1해줘서 아주…

4개월 ago