사용자가 공유한 콘텐츠
-
출석 프로젝트를 만드는 중
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
함께 읽은 게시물
넷플릭스는 왜 WebFlux를 사용하지 않을까?
십
... 더 보기나는 종종 생산성을 올리기 위한 각종 개발 툴은 물론, 라이브러리나 소스 코드를 구매하기도 한다.
소스 코드의 경우 실제로 써먹지 못하는 경우도 상당수 되긴 하지만, 그래도 구성이나 코드를 보면서 배우는게 있기 때문에 학습 비용이라고 생각하고 가끔 구매하는 편이다.
[직장인을 위한 이솝우화] 제우스, 프로메테우스, 아테네, 모모스
"
... 더 보기
