프로필 수정

미리보기

소스

<div class="card overflow-auto">
    <div class="card-body">
        <h3 class="card-title">프로필 수정</h3>
        <div class="row row-cards">
            <div class="col-md-5">
                <div class="mb-3">
                    <label class="form-label">회사</label>
                    <input type="text" class="form-control" disabled="" placeholder="회사" value="Creative Code Inc.">
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="mb-3">
                    <label class="form-label">사용자명</label>
                    <input type="text" class="form-control" placeholder="사용자명" value="michael23">
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="mb-3">
                    <label class="form-label">이메일 주소</label>
                    <input type="email" class="form-control" placeholder="이메일">
                </div>
            </div>
            <div class="col-sm-6 col-md-6">
                <div class="mb-3">
                    <label class="form-label">이름</label>
                    <input type="text" class="form-control" placeholder="이름" value="길동">
                </div>
            </div>
            <div class="col-sm-6 col-md-6">
                <div class="mb-3">
                    <label class="form-label">성</label>
                    <input type="text" class="form-control" placeholder="성" value="홍">
                </div>
            </div>
            <div class="col-md-12">
                <div class="mb-3">
                    <label class="form-label">주소</label>
                    <input type="text" class="form-control" placeholder="집 주소" value="서울 특별시, 대한민국">
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="mb-3">
                    <label class="form-label">도시</label>
                    <input type="text" class="form-control" placeholder="도시" value="서울">
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="mb-3">
                    <label class="form-label">우편번호</label>
                    <input type="test" class="form-control" placeholder="우편번호">
                </div>
            </div>
            <div class="col-md-5">
                <div class="mb-3">
                    <label class="form-label">국가</label>
                    <select class="form-control form-select">
                        <option>대한민국</option>
                        <option>일본</option>
                        <option>미국</option>
                    </select>
                </div>
            </div>
            <div class="col-md-12">
                <div class="mb-3 mb-0">
                    <label class="form-label">자기소개</label>
                    <textarea rows="5" class="form-control" placeholder="여기에 자기소개를 입력할 수 있습니다.">이곳에 자기소개를 입력 하세요. 예시 문장입니다.</textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <button type="submit" class="btn btn-primary">프로필 업데이트</button>
    </div>
</div>