1.Action属性:這個屬性指的就是你輸入的資料要送去哪邊，我們會指定一個位置(URL)來接收資料。
<form action="location.php">
2.method屬性:這個屬性指的是當你傳送資料時，是以哪一種方式去傳送。而我們分成兩種方式，分別為GET與POST。
GET: 通常用在小資料傳輸，及資料內容不太需要保密，
<form action="location.php" method="GET">
POST: 通常用在大資料傳輸，或有包含檔案，資料內容隱密的，像是密碼。
<form action="location.php" method="POST">
<input type="text"> 這就是建立一個文字輸入的欄位
<body>
<form>
請輸入你的名子:<br>
<input type="text">
<br>
</form>
</body>
這就會是呈現出來的結果!有沒有對他有印象呢?
<input type="radio">建立出單選按鈕的選項輸入
<body>
<form>
<input
type="radio"
name="sexual"
value="男性"
>男生
<br>
<input
type="radio"
name="sexual"
value="女性"
>女生
</form>
</body>
<input type="submit"> 建立一個送出表單資料的按鈕
<body>
<form action="location.php">
請輸入你的姓名:<br>
<input
type="text"
name="firstname"
value="jason"
>
<br>
<input
type="submit"
value="繳交"
>
</form>
</body>
簡單來說，他就是那個繳交的按鈕，把資料傳送出去!
<textarea rows="設定框框的高度"
cols="設定框框的寬度">
輸入框框內的初始文字
</textarea>
<body>
<form >
<p>留言區: </p>
<textarea
name="comments"
rows="10"
cols="25"
>你的回饋</textarea>
</form>
</body>
簡單來說，name屬性的意思就是要讓後端程式知道你要傳送的資料名稱，去對應到後端要接受的資料，這樣子在程式可讀性上也會提高，才曉得你傳的這個資料是什麼。
<input type="text" name="yourname">
value後面給他的值就是你表格內的預設值。一開始顯示的值。<input type="text" value="我的預設值">
<body>
<form action="location.php">
<input
type="text"
value="初始值"
>
</form>
</body>
<body>
<form
action="location.php"
method="post"
>
<p>請輸入你的姓名:</p>
<p><input
type="text"
name="yourname"
value="你的大名"
></p>
<p>電子郵件:</p>
<p><input
name="species"
type="text"
value="Email"
></p>
<p>你的性別:</p>
<p><input type="radio" name="sexual" value="male">男生</p>
<p><input type="radio" name="sexual" value="female">女生</p>
<p>對於我們的建議: </p>
<p><textarea
name="comments"
rows="5"
cols="20"
>你的建議</textarea></p>
<p><input
type="submit"
value="送出資料"
></p>
</form>
</body>
iThome鐵人賽
看影片追技術