체크박스
<input type="checkbox" name="check1">선택1
<input type="checkbox" name="check1" checked>선택2
<input type="checkbox" name="check1">선택3
라디오버튼
<input type="radio" name="radio">선택1
<input type="radio" name="radio">선택2
<input type="radio" name="radio">선택3
textarea
<textarea name="name1" rows="10" cols="50" ></textarea>
1. 글씨의 크기관련 - 숫자가 커질수록 글씨크기가 작아집니다
<h1>안녕하세요</h1>
<h5>안녕하세요</h5>
2. 글씨 굵기 태그
<b>안녕하세요</b>
3. 이탤릭체 표현
<i>안녕하세요</i>
4. 밑줄 태그
<u>안녕하세요</u>
5. 취소선 태그
<strike>안녕하세요</strike>
6. 아래첨자 & 윗첨자 태그
A<sub>+</sub> 아래
A<sup>+</sup> 위
7. 텍스트 줄변경 태그
안녕하세요<br>하세요
8. 공백을 나타내는 태그
안녕 하세요
<
9. <pre>태그 - 글씨 입력그대로 반영
<pre>안녕 하세요
즐거운
하루되세요</pre>
10. 조금작게 표현 & 조금 크게 표현
안녕 : <small>안녕</small>
안녕 : <big>안녕</big>
submit 버튼
<form name="name1">
<input type="submit" value="전송하기">
</form>
또다른 방법으로는 이미지 전송버튼 입니다
이미지전송버튼은 위에 버튼을 이미지로 제작하여 그 이미지가 전송버튼 역활을 합니다
입력방식
<input type="image" src="이미지주소">
file
<input type="file" name="upload">
type 속성에 file이라고 입력하면 기본적으로 생성이 됩니다
만약 파일첨에 필요한 데이타 값을 넘길때는
반드시 enctype 속성을 multipart/form-data로 입력을 해주셔야 합니다
입력상자
<form name="form" method="post" action="" enctype="multipart/form-data">
<input type="file" name="upload">
</form>
이렇게 입력을 하셔야 데이타가 업로드가 됩니다
input type
<input type="text" name="name1" size="30" maxlength="7" value="value값입력">
hidden
<input type="hidden" name="name1" value="히든필드">
password
<input type="password" name="name1">
reset
<input type="reset" value="초기화">
ex)
<form name="form1">
<input type="text" name="text1">
<input type="reset" value="초기화">
</form>
select
<select name="test">
<option>입력방식1
<option>입력방식2
</select>
<select name="test1">
<option>입력방식1
<option selected>입력방식2
</select>
선택메뉴를 구분지어주는 optgroup 속성
<select name="test">
<optgroup label="과일">
<option>딸기
<option>토마토
</optgroup>
<optgroup label="생선">
<option>우럭
<option>광어
</optgroup>
</select>
이번에 알려드릴 속성은 mutiple과 size 입니다
<select name="test" multiple size=4>
<option>딸기
<option>수박
<option>토마토
<option>포도
<option>복숭아
<option>바나나
<option>파인애플
</select>
----------------------------------------------
자동완성
입력폼 전체를 막을경우에는
<html>
<head>
<title>예제</title>
</head>
<body>
<form name="name" autocomplete="off">
<input type="text" name="name1">
<input type="text" name="name2">
</form>
</body>
</html>
특정 입력만 제어할경우
<form name="name">
<input type="text" name="name1" autocomplete="off">
<input type="text" name="name2">
</form>
----------------------------------------------
iframe
<iframe src="http://www.naver.com"></iframe>
여기에 iframe 속성에 대해 알려드리겠습니다
src="주소" 표시할 경로를 지정해 주는 속성
name="이름" 이름을 지정하는 속성
width=100 가로길이를 지정하는 속성
height=100 세로길이를 지정하는 속성
frameborder=0 경계선인 테두리 두께를 나타내는 속성
marginwidth=0 좌우여백을 나타내는 속성.숫자가 커질수록 여백도 커짐
marginheight=0 상하여백을 나타내는 속성. 숫자가 커질수록 여백도 커짐
scrolling=auto 스크롤바를 생성하는 속성. yes:무조건생성 no:생성하지않음 auto:페이지 내용에 따라서 생성
align="left" 정렬을 나타내는 속성. left:왼쪽 right:오른쪽 center:가운데
----------------------------------------------
'# 웹 개발 > 프레임워크' 카테고리의 다른 글
| jquery submit (0) | 2013.05.02 |
|---|---|
| javascript 달력, calendar (3) | 2013.04.15 |
| 영화예매시스템(3월31일) (0) | 2013.04.01 |
| java pack man 응용 문제 (0) | 2013.03.18 |
| 2월20일 java 사칙연산 프로그램(switch문), java 구구단 프로그램(for문) (0) | 2013.02.21 |