<c:if test="${empty dataList.SHIP_QUANTITY}"> <!-- 초기값 설정 -->
  <td><input name="SHIP_QUANTITY" value="0" type="number" 
	  <c:if test="${! isEmployee || dataList.STATUS != '주문'}">readonly </c:if>>
  </td>  
</c:if>

 

input 태그 안에 <c:if> 문을 중첩하여 사용하면 input 태그 안에 readonly 속성을 상황에 맞게 조절 할 수 있다.

 

이와 같이 select 태그도 설정 가능하다 select 태그는 readonly 속성이 없기 때문에 disabled 속성을 사용한다.

<select name="ship_method" style="width: 200px; height: 30px;" 
   <c:if test="${! isEmployee || dataList.STATUS != '주문'}"> disabled="disabled" </c:if>>
		<option value=""></option>									     
		<option value="직송" <c:if test= "${dataList.SHIP_METHOD == '직송' }">selected</c:if>>직송</option>
		<option value="안양" <c:if test= "${dataList.SHIP_METHOD == '안양' }">selected</c:if>>안양</option>
</select>

'프론트엔드 > HTML' 카테고리의 다른 글

a 태그를 이용하여 페이지 이동  (0) 2021.04.11
상대경로, 절대경로 예시 (이미지 파일 넣기)  (0) 2021.04.11
HTML 에 JS파일, CSS파일 연결, meta태그 설명  (0) 2021.04.10

디렉터리 구조

 

원격 주소로 이동

<a href="https://naver.com">NAVER</a>

 

절대경로 기준으로 이동

<a href="/TEST/about/">About</a>
<a href="/TEST/login/">Login</a>

 

따로 파일명 설정을 안해주면 index.html을 불러온다(기본 설정)

'프론트엔드 > HTML' 카테고리의 다른 글

JSTL 사용해서 넘어오는 데이터에 따라 태그 속성 비활성화 시키기<c:if>  (0) 2022.03.23
상대경로, 절대경로 예시 (이미지 파일 넣기)  (0) 2021.04.11
HTML 에 JS파일, CSS파일 연결, meta태그 설명  (0) 2021.04.10

상대경로

./(생략가능) : 주변(현재 폴더)

../ : 상위 폴더

 

절대경로

http(https) : 원격

/ (//) : 루트

 

직접 경로 지정(현재 위치 기준)

<img src="./images/logo.png" alt="dreamdog">

원격 경로 지정

<img src="https://mblogthumb-phinf.pstatic.net/MjAxNzExMjRfMTE5/MDAxNTExNTAwMTU5OTAy.o5AjoyDFlU81ZDlnS9R6aMrPVekWFwCM2pd655bybcwg.s11lssgDvgnGOzD1EqsAgtwTCxkHTUDVtpgTxnKdiK4g.JPEG.knightsws/%EB%AC%B4%EB%A3%8C_%EA%B0%95%EC%95%84%EC%A7%80_%EC%95%84%EC%9D%B4%EC%BD%98_8.JPEG?type=w800" alt="">

 

css에서 경로 지정(상위 디렉터리로 이동)

div {
  /* color: red;
  font-size: 100px; */
  width: 600px;
  height: 600px;
  background: url("../images/logo.png");
}

확인

 

이미지 출처

https://m.blog.naver.com/PostView.nhn?blogId=knightsws&logNo=221147516911&proxyReferer=https:%2F%2Fwww.google.com%2F

 

저작권 없는 무료 강아지 일러스트, 아이콘 v5

저작권 없는 무료 강아지 일러스트, 아이콘 v5 이번에는 단순 일러스트가 아닌 아이콘으로 준비했습니다. ...

blog.naver.com

 

'프론트엔드 > HTML' 카테고리의 다른 글

JSTL 사용해서 넘어오는 데이터에 따라 태그 속성 비활성화 시키기<c:if>  (0) 2022.03.23
a 태그를 이용하여 페이지 이동  (0) 2021.04.11
HTML 에 JS파일, CSS파일 연결, meta태그 설명  (0) 2021.04.10

 

CSS파일 연결 방법:

<link rel="stylesheet" href="./파일 이름">

 

JS파일 연결 방법

<script src="./파일 이름">script>

 

경로, 파일 이름을 잘 맞춰주는 것이 중요!!

 

Head 태그안에 선언

 

예제

 

HTML

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./main.css">
  <script src="./main.js"></script>
  <style>
    div {
      text-decoration: underline;
    }
  </style>

  <script>
    console.log('직접입력');
  </script>
</head>
<body>
  <div>Hello World!</div>
</body>
</html>

 

CSS

div {
  color: red;
  font-size: 100px;
  
}

 

JS

console.log('DreamDog!');

 

확인

 

 

<meta />는 HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은, 여러 정보를

검색엔진이나 브라우저에게 제공

name: 정보의 종류, content: 정보의 값

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

charset: 문자인코딩 방식 (거의 UTF-8방식 사용)

 <meta charset="UTF-8">

 

'프론트엔드 > HTML' 카테고리의 다른 글

JSTL 사용해서 넘어오는 데이터에 따라 태그 속성 비활성화 시키기<c:if>  (0) 2022.03.23
a 태그를 이용하여 페이지 이동  (0) 2021.04.11
상대경로, 절대경로 예시 (이미지 파일 넣기)  (0) 2021.04.11

+ Recent posts

티스토리툴바