사용자가 공유한 콘텐츠
-
출석 프로젝트를 만드는 중
HTML로 출석부랑 로그인 페이지를 만들고 CSS로 디자인하고 JS를 이용해서 동작을 제어하고 있다.
일단 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>love 출석체크</title>
<style>h1{color: blue;}
strong{color: red;}
.button-style{
background-color: green;
}.btn1{
position: absolute;
left: 50px;
}
.btn2{
position: absolute;
left: 100px;
}.rdo1{
position: absolute;
left: 170px;
}.rdo2{
position: absolute;
left: 250px;}
.n1 {
position: absolute;
left: 190px;
}
.n2{
position: absolute;
left: 270px};</style>
</head>
<body>
<form>
<fieldset>
<!-- <legend>오전 팀회의</legend>-->
<h1>출석체크</h1><br>
<h2 id='clock'></h2>
<script>
function setClock(){
let today=new Date();
let e =today.toString();
document.getElementById("clock").innerHTML=e;
//document.getElementById('clock').innerHTML=today;
}setInterval('setClock()',1000);//1초마다 번복한다
setClock();
</script>
<strong>지각하지않기!!</strong>
<hr>
<ol>
<li>오전 출석체크</li>
<table>
<tr bgcolor="green"></tr>
<td>
<button class="radio-style btn1" value="출석">출석</button>
<button class="radio-style btn2" value="인정결석" onclick="alert('인정출석인 경우 선택해주세요')">인정결석</button>
<input class="rdo1" type="radio" id="in" name="출근" value="1"
>
<label input class="name-input n1" for="in">출근</label>
<input class="rdo2" type="radio" id="질병" name="질병" value="2">
<label class="name-input n2" for="질병">질병</label>
</td>
</form>
</table>
<li>오후 출석체크</li>
<table>
<td>오후 출석체크</td>
<tr bgcolor="green"></tr>
</table>
</ol>
</tr>
</thead>
</table>
</fieldset>
</from>
</body>
</html>
이렇게 출석 프로그램을 만들고 <!DOCTYPE html>>
<html>
<head>
<title>Love 출석부 로그인</title>
<style>
h1{
position: absolute;
left: 650px;
}
</style>
<script>let name =document.getElementById("samename")
alert(name.values+"님 환영합니다.")
event.preventDefault();</script>
</head>
<body>
<h1>로그인</h1>
<form accept="API.py" method="post" onsubmit="keypress" method="get" action="Love2.html">
이름:<input type="text" id="samename" size="30" value=""><br>
</form>
</body></html>
로그인 페이지를 만들었다.
나의 첫 프로젝트 함들지만 열심히 하고 있다
python으로 API를 만들고 있다
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 9월 24일 오전 9:05
댓글 0
함께 읽은 게시물
GraphRAG 에 대한 생각
2000년 초반부터 온톨로지 연구를 해왔고, 관심을 갖고 있는 사람으로서 GraphRAG 에 대해 갖고 있는 생각을 적어봤습니다.
... 더 보기
2025 쿠팡이츠 테크 신입 개발자 공개 채용
안
... 더 보기
하나부터 열까지 리더가 상세히 설명해 주기를 바라는 구성원이 있습니다. 반대로 큰 얼개만 듣고 나머지는 자율적으로 하고 싶어 하는 경우도 있죠. 회식에 참여하는 것을 너무나 힘겨워 하는 구성원이 있는 반면, 동료들과 함께 시간을 보내며 가까워지는 것을 원하는 구성원도 있습니다.
... 더 보기ChatGPT 버전명 설명
ChatGPT 사용할 때 어떤 모델을 선택해야할지 망설여집니다. 모델명만 봐서는 어떤게 좋은지 모르겠더라고요.
... 더 보기
