012.<form>标签,初始表单post和get提交

在 HTML 中创建表单需要用到<form>标签,具体语法如下所示:

    <form action="URL" method="GET|POST">
           表单中的其它标签
    </form>

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML form表单演示</title>
</head>
<body>
    <form action="./userinfo.php" method="POST">
        <!-- 文本输入框控件 -->
        <label>用户名: </label><input name="username" type="text"><br>
        <!-- 密码框控件 -->
        <label>&emsp;码: </label><input name="password" type="password"><br>
        <!-- 下拉菜单控件 -->
        <label>&emsp;别:</label>
        <select name="sex">
            <option value="1"></option>
            <option value="2"></option>
            <option value="3">未知</option>
        </select>
        <br>
        <!-- 复选框控件 -->
        <label>&emsp;好:</label>
        <input type="checkbox" name="hobby" value="1">听音乐
        <input type="checkbox" name="hobby" value="2">看电影
        <input type="checkbox" name="hobby" value="3">打游戏
        <br>
        <!-- 单选按钮控件 -->
        <label>&emsp;历:</label>
        <input type="radio" name="education" value="1">小学
        <input type="radio" name="education" value="2">中学
        <input type="radio" name="education" value="3">本科
        <input type="radio" name="education" value="4">硕士
        <input type="radio" name="education" value="5">博士
        <br>
        <!-- 按钮 -->
        <input type="submit" value="提 交">&emsp;&emsp;
        <input type="reset" value="重 置">
    </form>
</body>
</html>

 

posted @ 2021-11-10 19:53  李林林  阅读(51)  评论(0编辑  收藏  举报