1. 程式人生 > 其它 >PHP快速上手(12):HTML表單

PHP快速上手(12):HTML表單

技術標籤:PHP

表單

表單是WEB開發中非常重要的元素,它可以接受使用者的輸入,然後提交給後臺進行處理,從而實現前後端的互動。

表單結構

在HTML中,用form標籤來建立一個表單。

<form action="url" method="POST">
        // 表單內容
</form>
屬性說明
action要提交到的url地址
method提交的型別,一般分get,還是post

表單元素

1.輸入框標籤input
html程式碼:

<!DOCTYPE html>
<html lang="en"
> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <form action="1.php" method="POST"> <input name="username" type="text"> <input type="submit" value=
"提交"> </form> </body> </html>

1.php頁程式碼:

// $_POST 是PHP內建的超全域性陣列,會儲存POST方式提交過來的表單內容
$username = $_POST['username'];
echo $username;

結果:
在這裡插入圖片描述
點提交後
在這裡插入圖片描述
表單元素還有很多,下面綜合例項
html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"
> <title>表格</title> </head> <body> <form action="1.php" method="POST"> 姓名:<input name="username" type="text"> <br> 年齡:<input name="age" type="number"> <br> 學歷:<select name="edu"> <option value="文盲">文盲</option> <option value="大專">大專</option> <option value="本科">本科</option> <option value="碩士">碩士</option> <option value="博士">博士</option> </select> <br> 性別: 男<input type="radio" name="sex" value="男"><input type="radio" name="sex" value="女"><br> <input type="submit" value="提交"> </form> </body> </html>

php:

// $_POST 是PHP內建的超全域性陣列,會儲存POST方式提交過來的表單內容
print_r($_POST); // 列印整個陣列

結果:
在這裡插入圖片描述
在這裡插入圖片描述