- <!DOCTYPE html>
- <html>
- <head>
- <title>【隨堂測驗】html 訂餐系統</title>
- </head>
- <body>
- <h1>歡迎來到我的餐廳</h1>
- <ul>
- <li><a href="#menu">菜單</a></li>
- <li><a href="#order">訂餐</a></li>
- <li><a href="#contact">聯絡我們</a></li>
- </ul>
- <div id="menu">
- <h2>菜單</h2>
- <label>牛排套餐 - $200</label>
- <select>
- <option>0</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select><br>
- <label>海鮮拼盤 - $180</label>
- <select>
- <option>0</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select><br>
- <label>蔬菜沙拉 - $50</label>
- <select>
- <option>0</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select><br>
- <label>披薩套餐 - $150</label>
- <select>
- <option>0</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select><br>
- <label>義大利麵 - $100</label>
- <select>
- <option>0</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select><br>
- <label>炸雞桶 - $120</label>
- <select>
- <option>0</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select><br>
- </div>
- <div id="order">
- <h2>訂餐</h2>
- <label>姓名:</label>
- <input type="text"><br>
- <label>Email:</label>
- <input type="email"><br>
- <label>電話:</label>
- <input type="tel"><br>
- <label>取餐時間:</label>
- <input type="time"><br>
- <button>提交訂單</button>
- </div>
- <div id="contact">
- <h2>聯絡我們</h2>
- <p>地址:台灣大道123號</p>
- <p>電話:(123)456-7890</p>
- <p>email:info@myretaurant.com</p>
- <p>版權所有 © 2023 我的餐廳</p>
- </div>
- </body>
- </html>
複製代碼 |