투케이2K

88. (html/css/javascript/jquery) fieldset 태그 사용해 form 속성 요소 그룹 (group) 묶음 처리 실시 본문

FrontEnd

88. (html/css/javascript/jquery) fieldset 태그 사용해 form 속성 요소 그룹 (group) 묶음 처리 실시

투케이2K 2022. 8. 19. 12:27
반응형

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

 

[요약 설명]

​

<fieldset> 태그는 <form> 태그에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용합니다.

<fieldset> 태그는 하나의 그룹으로 묶은 요소들 주변으로 박스 모양의 선을 그려줍니다.

<legend> 태그를 사용하면 <fieldset> 태그의 캡션을 정의할 수 있습니다.
 

[소스 코드]

​

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>fieldset tag</title>
</head>
<body>

    <form action="/example/action_login.php" method="get">
        <fieldset>
            <legend>로그인</legend>
            ID : <input type="text" name="st_id"><br>
            PW : <input type="text" name="st_pw"><br>
            <button type="submit">로그인</button>
        </fieldset>
	</form>

</body>
</html>
 

[결과 출력]

​

 

 

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

90. (html/css/javascript/jquery) mark 태그 사용해 텍스트 하이라이트 강조 표시 수행 실시  (0) 2022.08.19
89. (html/css/javascript/jquery) meta 태그 http-equiv 속성 refresh 사용해 특정 페이지로 리다이렉트(redirect) 수행 실시  (0) 2022.08.19
87. (html/css/javascript/jquery) embed 태그 사용해 외부 콘텐츠 및 파일 포함 실시  (0) 2022.08.19
86. (html/css/javascript/jquery) details , summary 태그 사용해 확장 내용 표시 수행 실시  (0) 2022.08.19
85. (html/css/javascript/jquery) barcode 라이브러리 사용해 바코드 생성 실시  (0) 2022.06.25
'FrontEnd' Related Articles more
Comments