html 버튼 태그 정리된 곳

html 태그 정리된 곳입니다
아래 주소 링크 겁니다

http://web.lge.cn:8000/system/?mid=html&document_srl=506

---

B U T T O N   태 그

          ★ 버튼 태그는 간단하게 요약해서 알려 드리겠습니다.

                  인터넷 여행을 하다보면 버턴 =  이나 글자넣는 칸  =  을 자주 볼 수 있죠?
                  링크나 글자를 입력하는데 사용되는데 이걸 <input> 태그라고 합니다. 

예   제	실 행 화 면		예   제	실 행 화 면
<inputtype="button">			<input type="submit" value="버턴">
<inputtype="button" value="버턴">			<input type="reset">
<inputtype="submit">			<inputtype="checkbox">
<inputtype="radio">			<input type="image" src="이미지주소">
<input type="file">			<input type="text" value="oxtag" size="10">
<input type="password">			<textarea rows="3" cols="20"></textarea>

 

 

           ● 이제 이걸로 응용해 볼까요.

예     제 (설명)	실행화면(클릭해보세요.)
다른 설명이 필요 없네요 연결한 URL로 이동합니다.
<input type="button" value="프로포즈홈" onclick="window.open('http://circle.weppy.com/~redvirus')">
메일 보내기 입니다.
<input type="button" value="oxtag 운영자에게" onclick="parent.location='mailto:sky1ook@hanmail.net'">
경고 메새지 띄우기 입니다.
<input type="button" value="경고 메새지 띄우기" onclick="window.alert('메롱.*^^*')">
오렌지 부분을 연속해서 글자만 바꿔서 써주시면 되는데 만이 쓰면 퍽과도 비슷하죠.(어떤사람은 100개 이상을......^^;;)
<input type="button" value="눌러봐" onclick="alert('메롱.*^^*');alert('바부튕~~');alert('^^;;')">
보라색 부분은 글씨체를 연두색 부분은 글 색상을 녹색 부분은 버튼의 바탕색을 지정해 줍니다.
<input type="submit" value="101번째 프로포즈" style="font-family:돋음; font-weight:bold; color:white; background-color:teal;" onclick="window.open('http://circle.weppy.com/~redvirus')">

 

 

           ● 한단계 업해서 스타일시트를 이용해서 버튼을 만들어 볼까요.

태그예제 및 설명 & 실 행 화 면
<INPUT style="BORDER-RIGHT: #6699ff 1px solid; BORDER-TOP: #6699ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #6699ff 1px solid; COLOR: green; BORDER-BOTTOM: #6699ff 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #99ccff; size: 30" type=button value="101번째 프로포즈" onclick="window.open('http://circle.weppy.com/~redvirus')"></p>아래 클릭해 보세요.
<INPUT onmouseover="this.style.backgroundColor= '#336633'" style="BORDER-RIGHT: #6699ff 1px solid; BORDER-TOP: #6699ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #6699ff 1px solid; COLOR: white; BORDER-BOTTOM: #6699ff 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #99ccff; size: 30" onmouseout="this.style.backgroundColor='#99ccff'" type=button value="O X T A G" onclick="window.open('http://oxtag.com.ne.kr/index.html')">
<INPUT style="BORDER-RIGHT: #6699ff 1px solid; BORDER-TOP: #6699ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #6699ff 1px solid; COLOR: white; BORDER-BOTTOM: #6699ff 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #99ccff; size: 30" value="멋진 텍스트">
<TEXTAREA style="BORDER-RIGHT: #6699ff 1px solid; BORDER-TOP: #6699ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #6699ff 1px solid; COLOR: white; BORDER-BOTTOM: #6699ff 1px solid; HEIGHT: 60px; BACKGROUND-COLOR: #99ccff; size: 90" rows=3>멋진 텍스트칸</TEXTAREA>
속            성	설            명
color	글자색
font-size	글자크기
background-color	button이나 텍스트에리어의 배경색
border / solid	테두리 굵기와 테두리 색
size	텍스트칸에 들어갈 수 있는 글자수
height	텍스트 칸의 높이지정