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

[HTML]form,textarea (알아두면 좋은 속성들)

by Hapco 2022. 6. 1.
728x90
반응형

#select에서 특정 option을 선택해두고 싶다면 해당 option에 selected="selected"를 적용

 	<select name ="gender1">
 		<option value="M">남자</option>
 		<option value="F" selected="selected">여자</option>
 	</select>

#라디오버튼 : 같은 이름을 가진 경우 택1 형태로 선택이 가능

라디오에는 name과 value가 잇어야하며 value가 없으면 체크시 on으로 전송

radio에서 기본값 선택을 하기 위해서는 checked="checked" 속성을적용

	<input type="radio" name="gender2" value="M" checked="checked"> 남자
 	<input type="radio" name="gender2" value="F"> 여자

#체크박스

전송을 위해서는 name과 value가 있어야한다 value가 없으면 on이 전송

<input type="checkbox" name="agree" value="ok" >이용약관을 아주 잘 읽엇습니다.

#히든(hidden)

안보이는 입력창 입력창은아니고 숨겨진 전송도구

사용자는 모르게 개발자의 필요에 의해서 특정 데이터를 같이 첨부할 경우 사용

input type="hidden" name="nickname" value="khacademy">

#textarea

=여러 줄 입력할 수 있는 입력창

=범위를 가진다.

(주의) value 속성이 없고 초기 값은 태그의 사이의 사이의작성

rows속성을 이용하여 초기에 표시될 줄수를 지정

cols속성을 이용하여 초기에 표시될 칸수를 지정 (숫자를기준으로 )

	<textarea name =test  rows="10" cols="50">
 	hello
 	</textarea>
 	
 	 <br><br>
 	<input type="submit" value="전송">

'[LANG] > - HTML&CSS' 카테고리의 다른 글

[JSP]Directive 설정 (feat.스크립틀릿 ,표현식)  (0) 2022.06.01
[JSP] 구조 설명  (0) 2022.06.01
[HTML] form ,select 태그  (0) 2022.06.01
[HTML]form / input 태그  (0) 2022.06.01
[HTML] a태그 Anchor태그  (0) 2022.06.01

댓글