반응형
사용자로부터 입력을 받는 간단한 HTML 코드를 작성해보겠습니다. 이 코드는 텍스트 입력 필드와 버튼을 통해 사용자로부터 입력을 받고, 입력된 내용을 표시합니다.
<!DOCTYPE html>
<html>
<head>
<title>사용자 입력 받기</title>
</head>
<body>
<h1>사용자 입력 받기</h1>
<!-- 사용자로부터 입력 받을 텍스트 입력 필드 -->
<label for="userInput">입력하세요:</label>
<input type="text" id="userInput">
<!-- 입력 내용을 표시할 곳 -->
<p>입력한 내용: <span id="displayInput"></span></p>
<!-- 입력 버튼 -->
<button onclick="displayUserInput()">입력 표시</button>
<script>
// 사용자 입력을 표시하는 함수
function displayUserInput() {
var userInput = document.getElementById("userInput").value;
document.getElementById("displayInput").textContent = userInput;
}
</script>
</body>
</html>
반응형
'HTML 예제' 카테고리의 다른 글
| 간단한 로그인 폼 (0) | 2023.12.07 |
|---|---|
| 배경 색상 변경 버튼 (0) | 2023.12.07 |
| 버튼 클릭으로 글자 변경 (0) | 2023.12.07 |
| 이미지 슬라이드 쇼 (0) | 2023.12.07 |
| 간단한 타이머 (0) | 2023.12.07 |
