"LCWHA"의 두 판 사이의 차이
North Korea Humanities
잔글 (김지선님이 이청원 디지털 아카이브 문서를 넘겨주기를 만들지 않고 LeeCheongWonDigitalArchive 문서로 이동했습니다) |
|||
1번째 줄: | 1번째 줄: | ||
+ | <html> | ||
+ | <style> | ||
+ | #searchForm { | ||
+ | background-color: #fff; | ||
+ | border-radius: 5px; | ||
+ | padding: 20px; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | max-width: 600px; /* 최대 너비 설정 */ | ||
+ | margin: 20px auto; /* 가운데 정렬 */ | ||
+ | } | ||
+ | #searchInput { | ||
+ | flex: 1; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 5px; | ||
+ | font-size: 16px; | ||
+ | margin-right: 10px; | ||
+ | transition: border-color 0.3s; | ||
+ | } | ||
+ | #searchInput:focus { | ||
+ | border-color: #007bff; | ||
+ | outline: none; | ||
+ | } | ||
+ | input[type="submit"] { | ||
+ | background-color: #007bff; | ||
+ | color: #fff; | ||
+ | border: none; | ||
+ | border-radius: 5px; | ||
+ | padding: 10px 15px; | ||
+ | cursor: pointer; | ||
+ | font-size: 16px; | ||
+ | transition: background-color 0.3s; | ||
+ | } | ||
+ | input[type="submit"]:hover { | ||
+ | background-color: #0056b3; | ||
+ | } | ||
+ | </style> | ||
− | |||
<form id="searchForm"> | <form id="searchForm"> | ||
− | <input type="text" id="searchInput" placeholder="검색어를 입력하세요" required> | + | <input type="text" id="searchInput" placeholder="이청원과 관련된 검색어를 입력하세요" required> |
<input type="submit" value="검색"> | <input type="submit" value="검색"> | ||
</form> | </form> | ||
31번째 줄: | 68번째 줄: | ||
}; | }; | ||
</script> | </script> | ||
+ | </html> | ||
+ | |||
− | |||
[[분류:김지선]] | [[분류:김지선]] |
2024년 10월 24일 (목) 19:35 판