이메일 / URL ,,

조수경·2021년 11월 3일
0

HTML

목록 보기
12/96
Insert title here 이메일 :
URL :
전화번호 :
색상 :
월 :
날짜 :
주 :
시간 :
지역 시간 :
숫자 :
범위 :
 &It;input type="button"> 기능이 없는 버튼
 
 기능을 부여하기 위해서 javascript가 필요하다
 onclick = ""에서 함수를 호출한다
 함수호출하기전에 함수가 정의되어 있어야한다.
 
 &It;input type="button">
아이디
비밀번호
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel ="stylesheet" href="../css/mystyle.css">
 <style>
 form{
 border : 1px solid blue;
 margin : 20px auto;
 paddomg : 10px;
 }
 
 
 </style>

</head>
<body>
  <form action="input.jsp" method="post">
    이메일 : <input type="email" name="email"><br>
    URL : <input type="url" name="url"><br>
    전화번호 : <input type="tel" name="tel"><br>
    색상 : <input type="color" name="color"><br>
    월 : <input type="month" name="month"><br>
    날짜 : <input type="date" name="date"><br>
    주 : <input type="week" name="week"><br>
    시간 : <input type="time" name="time"><br>
    지역 시간 : <input type="datetime-local" name="localdatetime"><br>
    숫자 : <input type="number" name="number" min="1" max="10" step="2"><br>
    범위 : <input type="range" name="range" min="1" max="10" step="2"><br>
    <input type="submit" value="제출">
</form>

<pre>
 &It;input type="button"> 기능이 없는 버튼
 
 기능을 부여하기 위해서 javascript가 필요하다
 onclick = ""에서 함수를 호출한다
 함수호출하기전에 함수가 정의되어 있어야한다.
 
 &It;input type="button">
</pre>

 <form action="post.jsp" method="post">
  아이디<input type="text" name="id"> <br>
  비밀번호<input type="password" name="pass"> <br>
  <input type="button" value="전송">
 
 </form>

</body>
</html>

전송하면 밑으로 넘어감

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

Insert title here

input.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
  <h1>input.jsp</h1>
</body>
</html>
profile
신입 개발자 입니다!!!

0개의 댓글

관련 채용 정보