初学HTML&CSS——form标签

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML-表单</title>
</head>
<body>
    <!-- 
    form表单属性: 
        action: 表单提交的url, 往何处提交数据 . 如果不指定, 默认提交到当前页面
        method: 表单的提交方式 .
            get: 在url后面拼接表单数据, 比如: ?username=Tom&age=12 , url长度有限制 . 默认值
            post: 在消息体(请求体)中传递的, 参数大小无限制的.
    -->   
	
    <form action="" method="get">
        用户名: <input type="text" name="username">
        年龄: <input type="text" name="age">

        <input type="submit" value="提交">
    </form>
	
</body>
</html>

使用get方式提交表单,不安全

参考资料:

W3school

MDN

相关推荐
DoraBigHead3 分钟前
原型与原型链 · 千年武学秘籍终解封!
前端·javascript·面试
加油乐1 小时前
vue3实现表格动态列及自定义列排序
前端·vue.js
Hide Asn1 小时前
css-css执行的三种方式和css选择器
前端·css
萌新小白的逆袭1 小时前
HTML的重要知识
前端·html
移动端小伙伴1 小时前
《iOS 通知系统全解》目录索引
前端·swift
罗密欧与猪过夜6762 小时前
React中的State为什么要叫做照片快照
前端
xyccstudio2 小时前
关于 expandSafeArea 不生效问题
前端
独立开阀者_FwtCoder2 小时前
2025年每个开发者都必须知道的100多个JavaScript术语(附示例)
前端·javascript·vue.js
wwy_frontend2 小时前
积累:03-ES6
前端
鹏程十八少2 小时前
1. Android 组件化一 Arounter核心路由框架 原理深入解析 和实战
前端