INPUT 배우기
<!DOCTYPE : html>
<html>
<head>
<meta charest = "UTF-8">
<title> put title name what you will use here </title>
</head>
<body>
<input type ="text" size ="10" maxlength = "3"
placeholder = "3글자만 된다고" value ="값이다"
readonly = "readonly" disabled = "disabled"
</body>
</html>size : 영어 대문자 기준으로 잘 보일 만큼의 가로크기
maxlength : 글자 수 제한
placeholder : 안내문구
value : 들어갈 값
readonly : 편집 불가
disaled : 편집, 포커스, 이벤트 불가
focus : 해당 객체를 클릭하거나 이동포인트가 넘어와서 활성화된 상태
입력값을 사용할 때는 input만을 사용하는 것을 권장한다.
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type ="color"><br/>
<input type ="button" value ="이것이다"><br/>
<input type ="sumit" value = "이것은 아니다"><br/>
<button>이것도 버튼이다</button><br/>
<input type ="time"><br/>
<input type ="checkbox" id ="c1"><label for = "c1">1<br/>
<input type ="checkbox" id ="c2"><label for = "c2">2<br/>
<input type ="checkbox" id ="c3"><label for = "c3">3<br/>
<input type ="radio" name ="r"><label for = "r1">1<br/>
<input type ="radio" name ="r"><label for = "r2">2<br/>
<input type ="radio" name ="r"><label for = "r3">3<br/>
</body>
</html>색을 결정하는 것, 버튼, 시간
그리고 중요한 체크박스이다.
checkbox와 radio의 차이 : 체크박스는 복수선택, 레디오는 단일선택이다
id : 해당객체 고유명칭 지정. 중복 권장x,개발용으로 주로 사용
label : 특정 내용들을 묶어놓는다. for에 지정된 id를 기준으로 이벤트연결
name : 값 전달용 키값을 나타냄 중복 o radio에서는 그룹의 역할로도 기능동작
type=hidden ==>화면상 보여주지 않는다. 값 보관용으로만 사용
www.w3schools.com/html/html_form_input_types.asp
정리만 잘해놓기
#절대경로와 상대경로의 차이이다.
./ : 점 한개는 현재폴더
../ : 점 두개는 부모 폴더이다.
이건 진짜 많이 쓰인다. 꼭꼭 기억하자
테이블은 세가지로 구성해서 사용하는 것이 좋다. 그리고 각 세 구분 안에는 또 2가지의 영역이 더 있다.
가로 병합은 colspan이고
세로 병합은 rowspan이다.
'about. What I learned > about.Gudi' 카테고리의 다른 글
| 자바스크립트(Javascrip (0) | 2021.04.29 |
|---|---|
| CSS (0) | 2021.04.26 |
| HTML 1일차 (0) | 2021.04.21 |
| 4/9일 새로운 이야기 - DataBase(feat.Oracle) (0) | 2021.04.11 |
| 향상된 for 문에 대하여 (0) | 2021.04.01 |