무료 온라인 액세스 ITSpecialist.INF-306.v2026-06-20.q24 모의 시험 (Page 3)

INF-306 문제 6

다가오는 컨퍼런스를 위한 식단 요청 양식을 작성하고 있습니다. 이 양식에는 다음 요소가 포함되어야 합니다.
* 제목 "회의 등록 양식"
* 참석자의 이름을 입력할 수 있는 이름 입력란
* 참석자가 마우스를 사용하거나 타이핑하여 선택할 수 있는 음식 목록입니다. 왼쪽 목록에서 적절한 코드 조각을 오른쪽의 올바른 위치로 이동하여 코드를 완성하세요. 각 코드 조각은 한 번, 여러 번 또는 전혀 사용하지 않을 수 있습니다.
참고: 정답을 맞히면 부분 점수를 받게 됩니다.

정답:

설명:
< !DOCTYPE html >
< html >
< 본문 >
<h1>우리 주변의 피트니스 세계 - 봄 컨퍼런스</h1>
<form action="process.php" method="post">
<legend>회의 등록 양식</legend>
<p><label for="name">이름:</label>
<input type="text" id="name" size="30" maxlength="30" value="" /></p>
<input id="food" placeholder="요리" list="food-choice" size="40" /><br>
< datalist id="food-choice">
<option value="Vegetarian">채식주의자</option>
<option value="Tradition"">전통</option>
<option value="Surprise Me" selected>Surprise Me</option>
< /datalist >
<input type="submit">
< /form >
< /body >
</html>
올바른 해결책은 명시된 세 가지 형식 요건을 모두 충족해야 합니다. 제목은 "컨퍼런스 등록 양식"입니다.
"는 첫 번째 유효한 코드 세그먼트의 <legend> 요소에 의해 제공됩니다. 동일한 세그먼트에는 <input type="text">와 연결된 <label>을 사용하여 필수 참석자 이름 필드도 포함됩니다. for="name
`id="name="과 `id="` 관계는 레이블을 입력 필드에 프로그래밍 방식으로 연결하는데, 이는 올바른 HTML 폼 접근성 패턴입니다. 음식 옵션의 경우, 올바른 선택은 `<input>` 태그를 사용하는 부분입니다.
`<select>` 요소는 `<datalist>` 요소에 연결된 `list` 속성을 가집니다. 참석자가 마우스를 사용하거나 직접 값을 입력하여 옵션을 선택할 수 있어야 하기 때문입니다. `<select>` 요소는 고정된 드롭다운 목록을 제공하고, 라디오 버튼은 고정된 클릭 가능한 선택 항목을 제공하지만, 둘 다 자동 완성 목록 요구 사항에는 적합하지 않습니다. `<datalist>` 요소는 '채식', '전통', '랜덤 선택'과 같은 미리 정의된 옵션을 제공하면서도 연결된 입력 필드를 통해 키보드 입력을 허용합니다. 참고 자료/주제: HTML5 폼, 레이블, 텍스트 입력, 데이터 목록, 폼 사용성, 선택 가능 및 입력 가능 옵션.

INF-306 문제 7

요소의 테두리 안으로 넘치는 텍스트를 불필요한 스크롤바를 만들거나 텍스트가 잘리지 않도록 하려면 어떤 속성 설정을 사용해야 할까요?

A. 오버플로: 숨김;

B. 오버플로: 자동;

C. 오버플로: 표시됨;

D. 오버플로: 스크롤;

INF-306 문제 8

폼에 대한 사용자 지정 오류 메시지를 만들었습니다. 사용자가 유효하지 않은 데이터로 폼을 제출하려고 하면 다음과 같은 상황이 발생해야 합니다.
* 데이터는 원래 형식을 유지해야 합니다.
* 오류 메시지는 반드시 표시되어야 합니다.
어떤 이벤트 속성 또는 메서드를 사용해야 할까요?

A. 기본값 방지됨

B. 취소 가능

C. 기본값 방지

D. 중단

INF-306 문제 9

다음과 같은 자바스크립트 코드를 작성하세요. 줄 번호는 참조용으로만 포함되어 있습니다.
01 <스크립트>
02
03 beststudent = new Student( " David " , " Hamilton " );
04 document.write(beststudent.fullname + " is registered. " );
05 < /script >
멤버 변수 fullname을 초기화하고 캡슐화하는 함수를 작성해야 합니다.
이 목표를 달성하기 위해 2번째 줄에 어떤 코드 조각을 삽입할 수 있을까요?
참고: 각 정답은 완전한 풀이 과정을 제시합니다.

A. function Student(firstname, lastname) { this.firstname = firstname; this.lastname = lastname; this.
fullname = this.firstname + " " + this.lastname;}

B. var student(firstName, lastName) { firstname = firstName; lastname = lastName; fullname = firstname
+ " " + 성;}

C. var Student(firstname, lastname) { this.firstname = firstname; this.lastname = lastname; this.fullname = this.firstname + " " + this.lastname;}

D. function Student(firstName, lastName) { firstname = firstName; lastname = lastName; fullname = firstname + " " + lastname;}

INF-306 문제 10

다음 양식을 작성해야 합니다.

각 드롭다운 목록에서 올바른 옵션을 선택하여 코드를 완성하세요.

프리미엄 번들

DumpTop 에서 공유하는 최신 INF-306 시험 덤프는 INF-306 시험패스를 도와드릴수 있습니다! DumpTop 은 최근 업데이트된 INF-306 시험자료를 제공해드립니다. DumpTop INF-306 덤프도 시험문제 변경에 따라 업데이트되었으며 오답도 수정되었습니다. DumpTop INF-306 덤프 최신버전을 공유받아보세요.

INF-306 덤프 프리미엄 버전 액세스

(70 Q&As 덤프, 30%OFF할인코드: KrDump)

최근 업로드: 139F5.F5CAB3.v2026-06-20.q47; 142Appian.ACD201.v2026-06-20.q47; 133Archer.Archer-Expert.v2026-06-20.q25; 122ITSpecialist.INF-306.v2026-06-20.q24; 192Salesforce.Salesforce-AI-Specialist.v2026-06-19.q86; 167Oracle.1Z1-948.v2026-06-19.q40; 347EXIN.ITILFNDv4.v2026-06-18.q182; 197Adobe.AD0-E605.v2026-06-18.q77; 251Huawei.H12-831_V1.0-ENU.v2026-06-18.q172; 349Microsoft.MB-700.v2026-06-18.q349