Html5_6/ 입력양식 태그(1) - form, label, input 태그

form 태그 안에 input 태그 (내용물X)

label 태그는 input 태그를 설명하는데 사용 (내용물O) label의 for속성의 속성값과 input의 id속성의 속성값 일치시키기.

input태그의 type속성값 : button / checkbox / file(파일선택 버튼) / hidden / image / password / radio / reset(초기화 버튼) / submit(제출버튼) / text / .......

<body>

<form ~~action=""~~>

<fieldset> - 입력양식 설명하는 태그. legend태그는 fieldset태그 내부에서만 사용할 수 있다.

<label for="id"> 아이디:</label>

<input id="id" type="text" value="안녕하세요"><br>

<label for="password">비밀번호</label>

<input id="password" type="password" value="안녕하세요"><br>

</fieldset>

<label for="check">인터넷</label>

<input type="checkbox" name="" id="check"><br>

<label for="check2">친구권유label>

<input type="checkbox" name="" id="check2"><br>

<label for="check3">광고label>

<input type="checkbox" name="" id="check3"><br>

성별 <br>

<label for="gender">남성: </label>

<input type="radio" name="gd" id="gender"><br>

<label for="gender2">여성: </label>

<input type="radio" name="gd" id="gender2"><br>

<label for="gender3">기타: </label>

<input type="radio" name="gd" id="gender3"><br>

<input type="submit"><br>

<input type="file" name="" id=""><br>

</form>

</body>

Html5_8/ 공간분할 태그 - div, span 태그 (0)	2019.08.17
Html5_7/ 입력양식 태그(2) - textarea, select 태그 (0)	2019.08.17
Html5_5/ 테이블 태그(표) (0)	2019.08.17
Html5_4/ 목록태그 (0)	2019.08.17
Html5_3/ 글자 태그(2) - a태그(앵커태그), 루비문자 (0)	2019.08.17

mungee