코드 여행 일기

주요 태그 3 <입력 양식 3> 본문

HTML

주요 태그 3 <입력 양식 3>

할짝개발자 2023. 7. 24. 04:55
728x90
반응형

 

 

버튼

 

<html>
<head><meta charset="utf-8"></head>
<body>
    <form action="<http://localhost/form.php>">
        <input type="text">
        <input type="submit" value="전송">
        <input type="button" value="버튼" onclick="alert('hello world')">
        <input type="reset">
    </form>
</body>
</html>

<input type="submit"> 전송 버튼

<input type="button"> 클릭 버튼 (클릭시 원하는 동작 적용 할때 사용)

<input type="reset"> 초기화 버튼 (모든 정보 초기화)

초기화 버튼 누르기 전

 

초기화 버튼 누른 후

 

결과

 

 

데이터 전송 - hidden

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="<http://localhost/hidden.php>">
            <input type="text" name="id">
            <input type="hidden" name="hide" value="egoing">
            <input type="submit">
        </form>
    </body>
</html>

<input type="hidden"> 보이지 않는 데이터를 보낼때 사용한다

 

결과

 

 

제출을 누를시 hidden 에 입력된 값이 같이 넘어간다

 

 

위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

 

728x90
반응형

'HTML' 카테고리의 다른 글

meta  (0) 2023.07.24
주요 태그 3 <입력 양식 4>  (0) 2023.07.24
주요 태그 3 <입력 양식 2>  (0) 2023.07.24
주요 태그 3 <입력 양식 1>  (0) 2023.07.15
주요 태그 2 <표>  (0) 2023.07.13
'HTML' Related Articles more