728x90
반응형
form 태그는 데이터를 전송하고 싶을때 사용한다.
form 전송(submit) 되면 form 내부의 모든 입력값이전송된다.
내부에 각종 입력창(input select textarea)과 전송(submit) 초기화(reset)을배치하여
작성한다

<form>
<!-- 입력창 -->
<input type="text">
<!-- 전송버튼 -->
<input type="submit" >
<!-- 초기화버튼 -->
<input type ="reset">
</form>
input type 에는 여러가지 타입이 들어갈수있다 . ex ) number ...
#form 은 반드시 전송될 목적지가 설정 되어야한다.
=만약 설정하지 않으면 현제 페이지로 자동 지정이된다
form 태그에 action 이라는 속성을 걸어 주소( 절대경로 / 상대경로)를 작성해준다
<form action="web05/exam/detail.kh">
<!-- 입력창 -->
<input type="text">
<!-- 전송버튼 -->
<input type="submit" >
<!-- 초기화버튼 -->
<input type ="reset">
</form>
만약 위 코드대로 작성을하게되면 문제가무엇이냐 주소뒤에 오는 파라미터에 ? 값을 넣어줘야하는데 어느 값에 넣어야 하는지를 모른다
그래서 속성으로 name을 걸어준다
<!-- 입력창 -->
<input type="text" name="examId">

이런식으로 검색이 된다 마음에 들지 않으므로 약간의 변화를주자면
value는 초기값 표시값 설정 옵션,
placeholder는 입력창 도움말 설정 옵션을 설정해줄수잇다
<h1>exam테이블조회</h1>
<input type ="text" name="column" placeholder="항목입력">
<input type ="text" name="keyword" placeholder="검색어입력">
<input type ="submit" value="검색">
</form>

만약 placeholder=가아닌 value로 적게되면 지우고적어야하는 불편함이 발생한다
'[LANG] > - HTML&CSS' 카테고리의 다른 글
[HTML]form,textarea (알아두면 좋은 속성들) (0) | 2022.06.01 |
---|---|
[HTML] form ,select 태그 (0) | 2022.06.01 |
[HTML] a태그 Anchor태그 (0) | 2022.06.01 |
[HTML] img 태그 alt속성 (0) | 2022.06.01 |
[HTML] img 태그 사용법 (0) | 2022.06.01 |
댓글