HTML-08.表单标签

一.表单标签

场景:在网页中主要负责数据采集功能,如注册、登录等数据采集

标签:<form>

表单项:不同类型的input元素、下拉列表、文本域等

<input>:定义表单项。通过type属性控制输入形式

<select>:定义下拉列表

<textarea>:定义文本域

属性:

action:规定当提交表单时向何处发送表单数据,URL

method:规定用于发送表单数据的方式。GET/POST

GET:表单拼接在URL后面,?username=年后&age=12,大小有限制。GET是默认提交方式

POST:表单数据在请求体中携带,大小没有限制。在消息体或者请求体中传递的

注意:表单项必须有name属性才能够提交

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签</title>
    <style>
    </style>
</head>
<body>
    <!-- 表单标签
        场景:在网页中主要负责数据采集功能,如注册、登录等数据采集
        标签:<form>
        表单项:不同类型的input元素、下拉列表、文本域等
            <input>:定义表单项。通过type属性控制输入形式
            <select>:定义下拉列表
            <textarea>:定义文本域
        属性:
            action:规定当提交表单时向何处发送表单数据,URL  
            method:规定用于发送表单数据的方式。GET/POST
                GET:表单拼接在URL后面,?username=年后&age=12,大小有限制。GET是默认提交方式
                POST:表单数据在请求体中携带,大小没有限制。在消息体或者请求体中传递的
        注意:表单项必须有name属性才能够提交
    -->
    <form action="" method="post">
        用户名 <input type="text" name="username">
        年龄 <input type="text" name="age">
        <input type="submit" value="提交" >
    </form>
</body>
</html>
相关推荐
烛阴1 分钟前
武装你的Python“工具箱”:盘点10个你必须熟练掌握的核心方法
前端·python
sorryhc18 分钟前
如何设计一个架构良好的前端请求库?
前端·javascript·架构
Queen_sy24 分钟前
vue3 el-date-picker 日期选择器校验规则-选择日期范围不能超过七天
javascript·vue.js·elementui
lvchaoq43 分钟前
react 修复403页面无法在首页跳转问题
前端·javascript·react.js
郝开1 小时前
6. React useState基础使用:useState修改状态的规则;useState修改对象状态的规则
前端·javascript·react.js
Codigger官方1 小时前
Linux 基金会牵头成立 React 基金会:前端开源生态迎来里程碑式变革
linux·前端·react.js
90后的晨仔1 小时前
🌟 Vue3 + Element Plus 表格开发实战:从数据映射到 UI 优化的五大技巧
前端
angleoldhen2 小时前
网页版的点名/抽奖程序
html·抽奖·点名
ObjectX前端实验室2 小时前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者2 小时前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny