💬

第九章：與魔法對話 (Input)

網頁不應該只是單方面的展示，我們要讓它能聽懂用戶說的話！

📝 魔法輸入框 (Input)

在 HTML 裡，我們用 <input> 來做輸入框，用 <button> 來做按鈕。

<form method="get">
    <p>請輸入你的名字：</p>
    <input type="text" name="userName" />
    <button type="submit">送出咒語！</button>
</form>

當你按下按鈕，電腦會把你在框框裡寫的名字記下來。在 ASP.NET 裡，我們可以這樣讀取它：

@{
    string nameFromUser = Context.Request.Query["userName"];
}

@if (!string.IsNullOrEmpty(nameFromUser)) 
{
    <h2>歡迎回來，@nameFromUser！</h2>
}

📬 寄信：輸入框就像是信紙，按鈕是郵筒。Request.Query 就是電腦幫你打開信封，看看裡面寫了什麼。

在進階版中，我們會學到如何用 CSS 把這些醜醜的框框變成漂亮的魔法按鈕，但現在，先確保你能讓電腦讀到你的名字喔！