[HTML] 알면 유용하거나 자세히 몰랐던 HTML 소스

HTML TAG : Learning the HTML Source

내가 작업하면서 알게 된 것이나 유용한 HTML 관련 소스들을 정리하는 목적에 블로깅이며 계속 업데이트 할 것이다.

1. <intut type=”text” required>
input 태그에 필수 값 처리를 해주는 방법으로 알아서 유효성 처리를 해준다. 회원가입 같은 페이지 만들 때 활용할 수 있다.

2. label, radio
input과 label을 연동시키지 않으면 label을 눌렀을 때 라디오 버튼이 선택되지 않는다. 연동시키는 방법에는

1. label태그로 input태그를 감싸는 방법과,
2. label태그에 input의 ID를 지정해주는 방법이 있다. checked=’checked’ 대신 checked만 써도 되지만, 표준 문법에 맞는 것은 전자이므로 FM들은 전자를 쓰기바람..ㅎㅎ(근데 나도 약간 FM스타일)

예시1)라벨감싸기

<label><input TYPE='radio' name='group1' value='apple' />사과</label>
<label><input TYPE='radio' name='group1' value='banana' />바나나</label>
<label><input TYPE='radio' name='group1' value='lemon' checked='checked' />레몬</label>

예시2)ID지정

<input TYPE='radio' id='r1' name='group1' value='apple' />
<label for='r1'>사과</label>
<input TYPE='radio' id='r2' name='group1' value='banana' />
<label for='r2'>바나나</label>
<input TYPE='radio' id='r3' name='group1' value='lemon' checked='checked' />
<label for='r3'>레몬</label>