HTML基础知识③表单（用于vscode 零基础)

最新推荐文章于 2024-09-09 22:16:15 发布

小小程序喵

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量1.4k

点赞数 2

分类专栏： HTML 文章标签： html 前端 html5

本文链接：https://blog.csdn.net/LYP211985/article/details/125887299

版权

本文介绍了HTML中的<form></form>表单及其在注册登录页面的应用，包括与fieldset元素配合创建自适应表单，以及各种输入类型的文本框、密码框等。讨论了表单的target、action和method属性，讲解了GET和POST提交方式的区别。GET适用于非敏感数据且有长度限制，而POST更安全且无大小限制。建议通过实践登录注册页面来巩固表单元素的使用。

摘要由CSDN通过智能技术生成

<form></form>表单

多用于注册登陆页面，可搭配自适应表单元素<fieldset></fieldseet>,还有各种类型登录框，文本框、密码框等，后期还搭配正则表达式实现表单验证，例如用户名需满足6-9位，密码需满足字母数字符号等。

代码展示：

<fieldset>
        <legend>表单</legend>
        <form action="表单2.html" target="_self" method="">
            <!-- aaction是指提交的路径 统一资源定位符 method方法 get/post fieldset自适应表单元素 -->
            用户名：<input type="text" placeholder="请输入用户名" readonly="readonly"><br>
            <!-- text 文本框 placeholder 提示 readonly 只读属性 -->
            密码：<input type="password" placeholder="请输入密码" required="required"><br>
            <!-- 密码框password rquired 必填项 -->
            性别：<input type="radio" name="sex"