demo3.html

<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />

<link rel="stylesheet" type="text/css" href="css/test.css">
<link rel="stylesheet" type="text/css" href="css/login.css">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="./js/foodMenu.js"></script>

<center>
    <h1>随机生成一份当日菜单(种类持续增加中...)</h1>
    <br>
    <br>
    <button id="showMenu">生成</button>&nbsp;<button id="addMenu">加入新菜名</button>
    <br>
    <br>
    <br>
    <br>
    <div id="add_food" title="加入新菜名"  style="display: none">
	    <form>
	        <p>菜名：<input type="text" id="food_name" class="inputbox" /></p>
	        <p>时&nbsp;&nbsp;刻：<select id="time_type" >
	                <option value ="breakfast">早饭</option> 
	                <option value ="lunch">中饭</option> 
	                <option value ="dinner">晚饭</option> 
	                </select>
	        </p>
			<button id="cancel">取消</button>
			<button id="save">保存</button>
	    </form>
    </div>
</center>