10.学习表单

最新推荐文章于 2024-04-30 08:58:14 发布
最新推荐文章于 2024-04-30 08:58:14 发布
阅读量103 收藏
点赞数
分类专栏： html5的学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40521306/article/details/107287999
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>
    <h1>注册</h1>
<!-- 表单form
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post,get提交方式
     get方式提交：我们可以在url中看到我们提交的信息，不安全，高效。
     post方式提交：比较安全，传输大文件。
-->
    <form action="1.我的第一个网页.html" method="get">
        <!--文本输入框：input type="text"
        value="狂神好帅" 默认初始值
        maxlength="8" 最长能写几个字符
        size="30"  文本框的长度
        placeholder: 提示信息
        required: 非空判断
        pattern: 正则表达式
        -->
        <p>名字:<input type="text" name="username" placeholder="请输入用户名" maxlength="8" size="30" required></p>
        <!--密码框：input type="password"-->
        <p>密码:<input type="password" name="password" hidden></p>
        <!--单选框
        input type="radio"
        value:单选框的值
        name:表示组
        -->
        <p>性别:
            <input type="radio" value="boy" name="sex" checked/>男
            <input type="radio" value="girl" name="sex"/>女
        </p>
        <!--多选框
        input type="checkbox"
        -->
        <p>爱好:
            <input type="checkbox" value="sleep" name="hobby">睡觉
            <input type="checkbox" value="code" name="hobby" checked>敲代码
            <input type="checkbox" value="chat" name="hobby">聊天
            <input type="checkbox" value="game" name="hobby">游戏
        </p>
        <!--按钮
        input type="button" 普通按钮
        input type="image"  图片提交按钮
        input type="submit"  提交按钮
        input type="reset"  重置
        -->
        <p>按钮:
            <input type="button" name="btn1" value="点击变长">
            <!--图片提交按钮-->
            <input type="image" src="../resources/image/1.jpg" width="200px" height="500px">
        </p>
        <!--下拉框,列表框

        -->
        <p>国家:
            <select name="列表名称">
                <option value="中国">中国</option>
                <option value="美国">美国</option>
                <option value="瑞士" selected>瑞士</option>
                <option value="印度">印度</option>
            </select>

        </p>
        <!--文本域-->
        <p>反馈:
            <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
        </p>
        <!--文件域
        input type="file" name="files"
        -->
        <p>
            <input type="file" name="files">
            <input type="button" value="上传" name="upload">
        </p>

        <!--邮件验证-->
        <p>邮件:
            <input type="email" name="email">
        </p>
        <!--URL-->
        <p>URL:
            <input type="url" name="url">
        </p>
        <!--数字-->
        <p>数字
            <input type="number" name="num" max="100" min="0" step="1">
        </p>

        <!--滑块-->
        <p>滑块:
            <input type="range" name="voice" min="0" max="100" step="2">
        </p>
        <!--搜索框-->
        <p>搜索:
            <input type="search" name="search" id="mark">
        </p>
        <!--增强鼠标可用性-->
        <p>
            <!--增强鼠标可用性-->
            <label for="mark">你点我试试</label>
            <input type="text">
        </p>
        <p>自定义邮箱:
            <input type="text" name="diymail" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$">
        </p>
        <p>
            <input type="submit">
            <input type="reset">
        </p>
    </form>
</body>
</html>
前路漫漫，继续前行！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
10.Bootstrap表单样式3.rar
08-02
在"10.Bootstrap表单样式3"这个主题中，我们主要关注如何利用Bootstrap来设计美观且功能丰富的表单。C#是一种广泛应用于Web开发的编程语言，尤其是在ASP.NET框架中，它与Bootstrap相结合，可以创建出强大的Web应用...
深入学习Bootstrap表单
08-31
在深入学习Bootstrap表单的过程中，我们需要理解如何有效地利用其样式和布局来创建美观且功能丰富的表单。 一、表单布局 1. 垂直表单（默认） Bootstrap的垂直表单是最基本的布局方式，适用于标准的多列布局。通过...
表单学习及练习
mover999的博客
05-25 692
这篇博客是我对form标签学习的一些认识。首先，最重要的是form不是from。在学习过程中注意到一些问题1.name，这个东西随便编，但是不准写汉字2.value：这个标签的内容比较广泛。根据你的内容相机而变。type="button", "reset", "submit" - 定义按钮上的显示的文本type="text", "password", "hidden" - 定义输入字段的初
表单学习form
lucky___dog的博客
07-31 278
html5-表单学习 表单：前后台交互的入口；用户通过表单把数据传送给后台，后台再把数据交给数据库。 三种形式/用法： 登录页面 登录页面 搜索框（百度一下） form 属性：action（后台接口地址） method（请求方式） enctype （编码方式） <!-- 指向后台的接口地址 --> <form action="http://134.175.154.93:80...
html学习-表单
ujn12345的博客
10-14 286
表单
表格与表单学习
lihang9188的博客
02-22 268
第二天学习      1.表格的建立，知道了如何去调整宽度，高度以及颜色。 如何合并单元格以及调整位置。    2.着重学习了超链接标签如何进行链接。还有绝对地 址与相对地址的区别，如何打开新的窗口。   3.学习了如何在页面中引入图片，并设置其属性   4.最后学习了表单的制作，知道了表单是用户输入数据与 网络程序进行交互的特定区域
form表单学习总结
weixin_44621746的博客
03-29 861
form表单学习总结 开发工具与关键技术：Visual Studio 2015与jQuery 作者：刘鑫婷 撰写时间：2019年3月27日 1、 Form表单的属性是action以及method。 2、 其中action的值URL是表单元素的提交地址;而method的值post和get是表单元素的提交方式。 3、值得注意的是Get（）方法会使参数直接暴露在URL上。而又由于URL有长度的...
22 JavaScript学习：表单验证
百锦再的博客
04-30 7万+
JavaScript 表单验证是一种常用的前端技术，可以通过编写 JavaScript 脚本来对用户在表单中输入的数据进行验证，确保其格式和内容符合要求。但需要注意，前端验证只能作为一种辅助手段，真正的数据验证应该在后端进行，以确保数据的安全性和可靠性。其原理是在用户提交表单时，触发 JavaScript 函数进行对用户输入数据的验证，以确保其格式和内容符合预期。HTML5引入了一些新的表单输入类型和属性，可以在不编写JavaScript的情况下自动验证用户输入。最好根据具体需求和业务场景进行调整和优化。
15 php学习：表单验证
百锦再的博客
04-16 6万+
因此，在密码验证规则中，需要综合考虑密码的长度要求、复杂性要求、确认验证、安全策略等方面的内容，以确保密码的安全性和用户友好性。通过有效的唯一性检查方法，可以确保系统数据的准确性和完整性，避免重复数据的存在，提高系统的性能和安全性。通过日期验证，可以确保用户输入的日期符合指定的格式和范围要求，从而提高数据的准确性和系统的安全性。表单验证在网页和应用程序开发中起着至关重要的作用，其主要目的是确保用户输入的数据符合预期的格式和规则，以提升用户体验、数据准确性和系统安全性。
深度学习知识点全面总结
热门推荐
专注大数据与人工智能技术分享，欢迎私信加群互相学习！
01-05 23万+
本文详细介绍深度学习概念及原理，参考网上相关资料汇总，内容包含众多章节，包括神经网络基础及常见深度学习网络结构介绍，用于个人学习总结，适合深度学习初学者学习。同时介绍机器学习常见的分类算法：SVM、神经网络、随机森林、逻辑回归、KNN、贝叶斯。常见的监督学习算法：感知机、SVM、人工神经网络、决策树、逻辑回归.........
完全深入学习Bootstrap表单
09-01
这种布局通常结合Bootstrap的网格系统使用，如`<div class="col-sm-2">`和`<div class="col-sm-10">`，以实现响应式的布局。在不同设备宽度下，水平表单可以自动调整为垂直显示，确保在各种屏幕尺寸上的良好用户体验...
表单.zip
04-10
本压缩包“表单.zip”很可能包含了与创建、设计、管理和使用电子表单相关的资源。以下是一些关于表单及其应用的关键知识点： 1. **HTML表单**：在Web开发中，HTML（超文本标记语言）表单用于用户输入数据。通过`...
智慧表单流程V8.3.0.zip
08-30
9. **用户体验优化**：新版本在界面设计上更加人性化，操作更直观，提升了用户友好度，减少了学习成本。 10. **系统安全**：加强了数据加密和安全防护机制，防止未授权访问和数据泄露，确保企业的信息安全。 总的...
b050闲置图书分享-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
本次开发的闲置图书分享平台实现了收货地址管理、字典管理、公告管理、留言板管理、图书管理、图书收藏管理、图书评价管理、图书订单管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让闲置图书分享平台更能从理念走到现实，确确实实的让人们提升信息处理效率。 管理图书的数据，此页面主要实现图书的增加、修改、删除、查看的功能。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。
《大学生职业生涯规划与就业指导》大一阶段课程作业
最新发布
07-24
《大学生职业生涯规划与就业指导》大一阶段课程作业
开题报告潮汕特产直销系统 已通过开题答辩的.doc
07-23
随着互联网的高速发展，人们的生活方式发生了翻天覆地的变化，在过去，人们想要购买很远地方的东西会非常麻烦，因为是通信和交通都不是十分的方便，而现在网络购物成为了人们日常生活中不可或缺的一部分。在这样的背景下，互联网与传统行业的融合已经成为了一种不可阻挡的趋势。对于中国特色的潮汕特产来说，这一趋势也带来了巨大的变革和发展机遇[1]。
Python性能优化：掌握性能分析工具的实战指南
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
Android学习系列之gradle实战
07-23
Android学习系列之gradle实战
RFC 3261中文版技术文档
07-23
**标题与描述解析** 标题"RFC 3261 中文文档"指的是互联网请求评论（Request for Comments）3261的中文版本。RFC 3261是互联网工程任务组（IETF）发布的一个重要标准，它定义了SIP（Session Initiation Protocol，会话初始协议）的核心规范。SIP是一种用于建立、修改和终止多媒体通信会话的协议，广泛应用于VoIP（Voice over IP，IP语音）和统一通信系统中。 描述同样简洁明了，只强调了这是RFC 3261的中文翻译，意味着对于中文读者来说，这个文档提供了一个理解SIP协议的中文语言资源。 **标签解析** "RFC3261 中文"标签进一步确认了文档的内容，表明这是关于RFC 3261的中文资料，便于搜索和分类。 **压缩包子文件的文件名称列表** 文件名为"RFC3261 中文.mht"，这是一个单一网页文件，通常包含HTML、图像和其他资源，用于保存完整的网页内容。用户可以通过打开这个文件来查看RFC 3261的中文翻译。 **SIP协议详述** SIP协议是基于文本的，其设计类似于HTTP
DWZ富客户端框架学习指南
"DWZ富客户端框架的学习资料，包含框架的使用手册，主要讲解了DWZ框架的各种组件和功能，如HTML扩展、Ajax链接、Tab组件、分页、表单提交等，并介绍了DWZjs库的核心文件及其作用。" 在IT行业中，DWZ框架是一个常用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值