前端html：提交到后台的标签

1. <form>:表单

<input type="submit" value="登录2" /> ：提交表单  格式：{user="", password=""}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
    <form action="http://127.0.0.1:80/index" method="get" >
        <input type="text" name="user" />
        <input type="password" name="password" />
        <input type="button" value="登录1" />
        <input type="submit" value="登录2" />
    </form>
</body>
</html>

2.选择框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择</title>
</head>
<body>
    <form  >
        <div>
            <p>选择性别：</p>
            男：<input type="radio" name="gender" value="1"/>
            女：<input type="radio" name="gender" value="0"/>
            <p>选择爱好：</p>
            读书：<input type="checkbox" name="favor" value="0"/>
            踢球：<input type="checkbox" name="favor" value="1"/>
            钓鱼：<input type="checkbox" name="favor" value="2"/>
            <p>上传文件：</p>
            <input type="file" name="filename" />
        </div>
        <input type="submit" value="登录" />
        <input type="reset" value="重置" />
    </form>
</body>
</html>

3.<input> 总体解释

<input> 是 HTML 中的一个非常重要的元素，用于创建不同类型的表单输入控件。这个元素可以用于收集用户输入的数据，比如文本、密码、单选按钮、复选框等。<input> 元素的 type 属性决定了输入控件的类型。

①文本输入 (type="text")：

②密码输入 (type="password")：

③单选按钮 (type="radio")

④复选框 (type="checkbox")

⑤提交按钮 (type="submit")

⑥重置按钮 (type="reset")

⑦文件上传 (type="file")

4.<textarea>标签，提交多行文本

</textarea>

5.<select> 标签，这是一个用于创建下拉列表的元素

　　<option value="apple">Apple</option>

　　<option value="banana">Banana</option>

　　<option value="cherry">Cherry</option>

</select>

posted @ 2024-11-10 11:04 铿锵有力自信且坚定阅读(33) 评论(0) 收藏举报

刷新页面返回顶部

Circle

前端html：提交到后台的标签

公告