본문 바로가기
[LANG]/- HTML&CSS

[HTML]form / input 태그

by Hapco 2022. 6. 1.
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

댓글