HTML <input> 태그 입력 양식 제어 태그(Input Form Control) - <input> HTML 태그는 입력 컨트롤을 정의합니다.
HTML 태그 2012. 9. 18. 10:58HTML <input> 태그 : 입력 양식 제어 태그(Input Form Control)
<input> 태그는 사용자가 데이터를 입력 할 수있는 입력 필드를 지정합니다.
<input> 태그는 일반적으로 <FORM> tag에서 사용됩니다.
<input> 태그는 type 속성에 따라 다양한 방법으로 사용할 수 있습니다.
<input> 태그 예제
<html>
<head>
<title>html input 태그 예제샘플</title>
</head>
<body>
<h1>input 태그의 예제샘플입니다</h1>
<p>
<FORM action="http://www.htmlschool.co.kr/help/sample.asp" method="post">
<P>
성명: <INPUT type="text" name="fname"><BR>
연락처: <INPUT type="text" name="fhp"><BR>
이메일: <INPUT type="text" name="femail"><BR>
<INPUT type="radio" name="sex" value="남"> 남<BR>
<INPUT type="radio" name="sex" value="여"> 여<BR>
<INPUT type="submit" value="저장"> <INPUT type="reset">
</P>
</FORM>
</body>
</html>
<input> 관련 태그
<input> 태그 속성
accept : 업로드 한 파일을 통해 제출 된 파일의 종류를 필터링하는 데 사용됩니다.
accesskey : 요소를 활성화하고 포커스/바로가기키를 지정합니다.
align : 콘텐츠 정렬을 지정합니다.
alt : <img> 태그에서 사용되며 이미지 설명을합니다.이미지가 깨지거나 없을 경우 이미지 대신 표시 할 수 있습니다.
checked : 체크되어 있는지 여부를 정의하는 것입니다.
class : 문서의 요소를 식별합니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
disabled : 요소를 사용하지 않도록하는 것입니다.
id : 문서의 요소를 식별합니다.
ismap : 서버 측 이미지 맵을 지정하는 것입니다.
lang : 요소의 내용의 언어를 지정합니다.
maxlength : 양식의 텍스트 필드에 허용되는 문자의 최대 수를 지정하는 것입니다.
name : 요소에 대한 이름을 지정하는 것입니다.
readonly : 관련 요소에 데이터를 입력 할 허용 사용자에게 있습니다.
size : 선택 요소에 표시 행의 입력 필드 및 숫자의 초기 폭을 지정하는 것입니다.
src : 외부 파일 또는 리소스에 대한 URI를 지정하는 것입니다.
style : 요소에 대한 인라인 스타일을 지정합니다.
tabindex : Tab 키를 사용하여 사용자가 수행하는 순서를 정의합니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
type : type
type 속성 값 :
text : 텍스트 다입입니다.
password : 비밀번호를 입력을위한 컨트롤을 생성합니다.
checkbox : 체크박스를 만듭니다.
radio : 입력 요소 항목의 목록에서 한 항목의 선택을 나타낸다는 것을 지정합니다.
submit : 제출 버튼을 만듭니다.
reset : 버튼을 재설정을 생성합니다.
file : 타입을 파일로 생성합니다.
hidden : 내용을 숨깁니다.
image : 형태를 이미지로 생성합니다.
button : 푸시 버튼을 만듭니다. usemap : 요소와 이미지 맵을 연결하는 것입니다.
value : 입력 유형에 대한 현재 값을 지정하는 것입니다.
<input> 태그 이벤트
onblur : 요소가 포커스를 잃을 때 스크립트가 실행됩니다.
onselect : 텍스트의 조각이 선택 된 곳 스크립트가 실행됩니다.
onchange : 객체의 내용이 변경될때 스크립트가 실행됩니다.
onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.
onkeyup : 키가 누른후에 스크립트가 실행됩니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
