코드 여행 일기

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

HTML

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

할짝개발자 2023. 7. 15. 17:44
728x90
반응형

 

 

<form>

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<form action="<http://localhost/login.php>">
    <p>아이디 : <input type="text" name="id"></p>
    <p>비밀번호 : <input type="password" name="pwd"></p>
    <p>주소 : <input type="text" name="address"></p>
    <input type="submit">
</form>
</body>
</html>

<form action="http://localhost/login.php"> 입력한 정보를 현재 입력한 페이지로 보냄

<input type="text"> 입력 칸이 생김

<input type="password"> 비밀번호 입력 칸이 생김

<input type="submit"> 제출 버튼 생성

name="함수" 각각의 입력창에 이름을 줌

 

결과

 

아이디 비밀번호 주소 입력 창

 

action에 기입한 페이지에 아이디 비밀번호 주소 정보를 보냄

 

 

텍스트 입력

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <form action="">
        <p>text : <input type="text" name="id" value="default value"></p>
        <p>password : <input type="password" name="pwd" value="default value"></p>
        <p>textarea :
            <textarea cols="50" rows="2">아무 글이나 입력하시오</textarea>
        </p>
    </form>
</body>
</html>

 

value="default value" 입력 창에 default value라는 문자를 처음부터 입력 되어 나옴

<textarea> 메모장 같은 입력 창을 생성한다

<textarea cols="50" rows="2"> cols = 가로 50글자 크기 생성 rows = 세로 2줄 생성

 

결과

 

 

 

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

728x90
반응형

'HTML' 카테고리의 다른 글

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