HRD_훈련/실습
[HTML] HTML 실습 3 (26일차)
리드미.
2023. 6. 21. 13:52
728x90
반응형
문제
다음 화면을 보고 코드를 작성하시오.
- 폼 요소를 삽입할 때 <lable> 태그를 사용해야 합니다.
- '이름' 필드는 텍스트 필드로 삽입하고 '공백 없이 입력하세요.'라는 힌트를 표시합니다.
- '연락처' 필드는 전화번호에 맞는 필드로 삽입합니다.
- '지원 동기'는 텍스트를 여러 줄 입력할 수 있는 텍스트 영역 필드로 삽입합니다.
- 텍스트 영역의 글자 수는 60자, 화면에 표시할 개수는 5개로 지정합니다.
- 텍스트 영역에 '본사 지원 동기를 간략히 써 주세요.'라는 힌트를 표시합니다.
- 버튼은 <input> 태그나 <button> 태그를 이요해 만듭니다.
코드
<body>
<form action="">
<fieldset>
<h1>프런트엔드 개발자 지원서</h1>
<div>
HTML, CSS, 자바스크립트의 기술을 이해하고 실무 경험이 있는 분을 찾습니다.
</div>
<hr>
<h4>개인 정보</h4>
<ul>
<label><li>이름 <input type="text" placeholder="공백 없이 입력하세요" ></li></label>
<label><li>연락처 <input type="number"></li></label>
</ul>
<h4>지원 분야</h4>
<ul>
<label><li><input type="radio" name="web">웹 퍼블리싱</li></label>
<label><li><input type="radio" name="web">웹 애플리케이션 개발</li></label>
<label><li><input type="radio" name="web">개발 환경 개선</li></label>
</ul>
<h4>지원 동기</h4>
<textarea cols="60" rows="5" placeholder="본사 지원 동기를 간략히 써 주세요."></textarea>
<br>
<input type="submit" value="접수하기">
<input type="reset" value="다시쓰기">
</fieldset>
</form>
</body>
728x90
반응형