html 태그 정리

Nux·2021년 12월 14일
0

자바웹개발

목록 보기
63/105
post-thumbnail
post-custom-banner

Label

  • label을 사용 할 수 있는 요소
    • <button>, <input>, <meter>, <output>, <progress>, <select>, <textarea>
<label for="label이름">
  • label을 꾸며야 할 경우, 단독으로 하지 말고 label의 속성을 이용 할 것
// 비추천
<label>
	<h1>제목</h1>
</label>

// 추천
<label class="">
	제목
</label>

Button

  • 버튼 정렬
<button style="float:위치;">

1. 오른쪽 정렬
<button style="float:right;">
2. 왼쪽 정렬
<button style="float:left;">

form

input

  • name: 쿼리스트링의 키를 지정. getParameter로 값을 얻어올 수 있음
  • value: name으로 지정한 키의 값이 되는 요소. default값으로도 설정 가능
<input type="text" name="item" value="오렌지">

쿼리스트링에
item=오렌지
의 형태로 값을 넘길 수 있음

로딩 시, text창에 오렌지 라고 작성되어 있음

button

  • form안에 있는 모든 값을 form action에 지정된 주소로 전송

id vs. class

  • id: 같은 값 중복 사용 불가. 고유 식별자
  • class: 같은 값 중복 사용 가능. 하나의 그룹이라고 보면 됨
post-custom-banner

0개의 댓글