|
|
|
@ -21,14 +21,14 @@
|
|
|
|
|
<div class="input_cont">
|
|
|
|
|
<h2>칼로리</h2>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="calorie" name="calorie" class="required" placeholder="칼로리"></p>
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="calorie" name="calorie" class="required positive" placeholder="칼로리"></p>
|
|
|
|
|
<p class="p_margin20">Kcal</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="input_cont">
|
|
|
|
|
<h2>1인분</h2>
|
|
|
|
|
<div style="display: flex;">
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="srv_self" name="srv_self" class="required" placeholder="1인분"></p>
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="srv_self" name="srv_self" class="required positive" placeholder="1인분" min="0"></p>
|
|
|
|
|
<!-- select_unit -->
|
|
|
|
|
<div class="select_unit select_unit30">
|
|
|
|
|
<!-- select -->
|
|
|
|
@ -47,21 +47,21 @@
|
|
|
|
|
<div class="input_cont">
|
|
|
|
|
<h2>탄수화물</h2>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="carbohydrate" name="carbohydrate" class="required" placeholder="탄수화물"></p>
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="carbohydrate" name="carbohydrate" class="required positive" placeholder="탄수화물" min="0"></p>
|
|
|
|
|
<p class="p_margin20">/750g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="input_cont">
|
|
|
|
|
<h2>단백질</h2>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="protein" name="protein" class="required" placeholder="단백질"></p>
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="protein" name="protein" class="required positive" placeholder="단백질" min="0"></p>
|
|
|
|
|
<p class="p_margin20">/200g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="input_cont">
|
|
|
|
|
<h2>지방</h2>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="province" name="province" class="required" placeholder="지방"></p>
|
|
|
|
|
<p class="input_unit input_unit100"><input type="text" id="province" name="province" class="required positive" placeholder="지방" min="0"></p>
|
|
|
|
|
<p class="p_margin20">/400g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -87,133 +87,133 @@
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">당</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="sugar" name="sugar" class="required" placeholder="당"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="sugar" name="sugar" class="required positive" placeholder="당" min="0" /></p>
|
|
|
|
|
<p>/750g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">식이섬유</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="dietary_fiber" name="dietary_fiber" class="required" placeholder="식이섬유"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="dietary_fiber" name="dietary_fiber" class="required positive" placeholder="식이섬유" min="0" /></p>
|
|
|
|
|
<p>/30g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">포화지방</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="dsaturated_fat" name="dsaturated_fat" class="required" placeholder="포화지방"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="dsaturated_fat" name="dsaturated_fat" class="required positive" placeholder="포화지방" min="0" /></p>
|
|
|
|
|
<p>/350g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">트랜스지방</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="trans_fat" name="trans_fat" class="required" placeholder="트랜스지방"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="trans_fat" name="trans_fat" class="required positive" placeholder="트랜스지방" min="0" /></p>
|
|
|
|
|
<p>/200g</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">콜레스테롤</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="cholesterol" name="cholesterol" class="required" placeholder="콜레스테롤"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="cholesterol" name="cholesterol" class="required positive" placeholder="콜레스테롤" min="0" /></p>
|
|
|
|
|
<p>/300mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">나트륨</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="salt" name="salt" class="required" placeholder="나트륨"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="salt" name="salt" class="required positive" placeholder="나트륨" min="0" /></p>
|
|
|
|
|
<p>/1500mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민A</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitamina" name="vitamina" class="required" placeholder="비타민A"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitamina" name="vitamina" class="required positive" placeholder="비타민A" min="0" /></p>
|
|
|
|
|
<p>/3000ug RAE</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민B1</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminb1" name="vitaminb1" class="required" placeholder="비타민B1"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminb1" name="vitaminb1" class="required positive" placeholder="비타민B1" min="0" /></p>
|
|
|
|
|
<p>/350mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민B2</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminb2" name="vitaminb2" class="required" placeholder="비타민B2"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminb2" name="vitaminb2" class="required positive" placeholder="비타민B2" min="0" /></p>
|
|
|
|
|
<p>/350mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">나이아신</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="niacin" name="niacin" class="required" placeholder="나이아신"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="niacin" name="niacin" class="required positive" placeholder="나이아신" min="0" /></p>
|
|
|
|
|
<p>/350mg NE</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민B6</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminb6" name="vitaminb6" class="required" placeholder="비타민B6"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminb6" name="vitaminb6" class="required positive" placeholder="비타민B6" min="0" /></p>
|
|
|
|
|
<p>/100mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민C</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminc" name="vitaminc" class="required" placeholder="비타민C"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitaminc" name="vitaminc" class="required positive" placeholder="비타민C" min="0" /></p>
|
|
|
|
|
<p>/2000mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민D</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitamind" name="vitamind" class="required" placeholder="비타민D"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitamind" name="vitamind" class="required positive" placeholder="비타민D" min="0" /></p>
|
|
|
|
|
<p>/100ug</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">비타민E</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitamine" name="vitamine" class="required" placeholder="비타민E"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="vitamine" name="vitamine" class="required positive" placeholder="비타민E" min="0" /></p>
|
|
|
|
|
<p>/540mg a-TE</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">엽산</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="folic_acid" name="folic_acid" class="required" placeholder="엽산"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="folic_acid" name="folic_acid" class="required positive" placeholder="엽산" min="0" /></p>
|
|
|
|
|
<p>/1000ug DFE</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">철</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="steel" name="steel" class="required" placeholder="철"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="steel" name="steel" class="required positive" placeholder="철" min="0" /></p>
|
|
|
|
|
<p>/3000mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">칼슘</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="calcium" name="calcium" class="required" placeholder="칼슘"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="calcium" name="calcium" class="required positive" placeholder="칼슘" min="0" /></p>
|
|
|
|
|
<p>/3000mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">아연</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="zinc" name="zinc" class="required" placeholder="아연"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="zinc" name="zinc" class="required positive" placeholder="아연" min="0" /></p>
|
|
|
|
|
<p>/3000mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">칼륨</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<p class="input_text40"><input type="number" id="potassium" name="potassium" class="required" placeholder="칼륨"></p>
|
|
|
|
|
<p class="input_text40"><input type="number" id="potassium" name="potassium positive" class="required" placeholder="칼륨" min="0" /></p>
|
|
|
|
|
<p>/3000mg</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
@ -462,5 +462,13 @@
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$( document ).ready(function() {
|
|
|
|
|
$(".positive").on("change", function() {
|
|
|
|
|
if(this.value <0)
|
|
|
|
|
$(this).val(0);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|