html 表单

最新推荐文章于 2024-10-12 11:30:07 发布
最新推荐文章于 2024-10-12 11:30:07 发布
阅读量88 收藏
点赞数
文章标签： html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45607105/article/details/118660197
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--

      1.表单的作用
        收集用户信息。表单展现之后，用户填写表单，点击提交数据给服务器
      2.这么画表单
        使用form 标签画表单
      3.一个网页可以有多个表单 form
      4.表单最终需要提交数据给服务器，form 标签有有一个action 属性，这个属性用来指定服务器地址
        action属性用来指定数据提交给那个服务器
        action属性和超链接（<a> </a>）中的href属性一样。都可以向服务器发送请求（request）
      5.http://192.168.111.3:8088/oa/save 这是请求路径，表单提交数据最终提交给192.168.111.3 机器上的8080端口对应的软件



-->




<form action="http://192.168.111.3:8088/oa/save">
    <!--画按钮-->
    <input type="submit" value="注册">
    <input type="button" value="普通按钮">
    <input type="text">

</form>

<form action="http://192.168.111.3:8088/oa/save">
    用户名<input type="text" >
    密码<input type="password"><br>
    <input type="submit">

</form>
<!--
    表单是以什么格式提交数据给服务器
    http://192.168.111.3:8088/oa/save?username=15538976859&userpw=vfdvfdvfd
    格式：action?name=value&name=value&name=value.......
    http 协议规定的，必须以这种格式提交数据给服务器


    重点：表单项写了name属性的，一律会提交给服务器，不想提交这一项，就不用写name属性

-->





<form action="http://192.168.111.3:8088/oa/save">
    <table border="1px">
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="userpw"></td>
        </tr>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="登录">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="reset" value="清空">

            </td>



        </tr>
    </table>

</form>







</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册表单</title>
</head>
<body>
        <!--
        用户注册
            用户名
            姓名
            密码
            确认密码
            性别
            兴趣爱好
            学历
            简介

        -->
        <!-- form 表单method 属性
            post:隐藏提交的数据

            get：不隐藏


        -->
        <form action="http://192.168.111.3:8088/oa/save" method="get">
            用户名
            <input type="text" name="username">
            <br>
            密码
            <input type="password" name="userpwd">
            <br>
            确认密码
            <input type="password">
            <br>

            性别
            <!-- 单选按钮-->
            <input type="radio" name="gender" value="1">男<!-- 单选按钮的value 必须手动指定  checked 表示默认选中-->
            <input type="radio" name="gender" value="0">女
            <br>

            <!-- 复选框-->
            兴趣爱好
            <input type="checkbox" name="interest" value="somke">吸烟
            <input type="checkbox" name="interest" value="drink">喝酒
            <input type="checkbox" name="interest" value="swing">游泳
            <br>

            <!-- 下拉列表-->
            学历
            <select name="grade">
                <option value="gz">高中</option>
                <option value="dz">大专</option><!-- selected 表示默认选择-->
                <option value="bk">本科</option>
                <option value="ss">硕士</option>

            </select>
            <br>
            <!--简介 文本域-->
            <!-- 文本域没有value 属性 用户填写就是value-->
            简介
            <textarea rows="10" cols="60" name="tt"></textarea>
            <br>
            <input type="submit" value="注册">
            <input type="reset" value="清空">
            <!--file:///D:/html_learn/html/src/%E7%94%A8%E6%88%B7%E6%B3%A8%E5%86%8C%E8%A1%A8%E5%8D%95.
            html?username=zhangsan&userpwd=123&gender=1&interest=somke&interest=drink&interest=swing&grade=ss&tt=%E6%88%91%E6%98%AF%E4%B8%80%E4%B8%AA%E7%A
            8%8B%E5%BA%8F%E5%91%98%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81-->



            <!-- 超链接也可以提交数据给服务器 但提交的数据是固定的-->
            <!-- 超链接采用的是get请求 不是post 请求-->

            <a href="kvmkfdvnjfv?username=zhangsan&pwd=333">提交</a>

        </form>

</body>
</html>

不羁的风@
关注
HTML表单（详解网页表单如何实现）
百赢出品，必属精品
04-24 3518
HTML 表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。元素用于创建表单，action属性定义了表单数据提交的目标 URL，method属性定义了提交数据的 HTTP 方法（这里使用的是 "post"）。元素用于为表单元素添加标签，提高可访问性。
表单智能填充，数据复制到文本域，智能填充到表单，html表单提交
05-27
html，表单自动填充，避免重复性工作，一个一个填写，复制粘贴到文本域，自动识别对应表单属性，复制之后自动识别，点击提交就行了。超级简单，有什么不懂的可以直接私信问我。
字符串如何还原为中文
weixin_34401479的博客
09-14 250
问题如下，有网友问及“username="%E5%95%86%E5%AE%B6%E6%B5%8B%E8%AF%95%E5%B8%90%E5%8F%B752";以上的字符串是淘宝返回的用户名，请问这种格式是哪种加密方式，如何把它转换为中文。谢谢。”参考Server.UrlDecode()方法：结果：...
07表单标签
qq_44974028的博客
03-09 96
<!DOCTYPE html> <html> <head> <title>07表单标签</title> </head> <body> <!-- 表单： 概念：用于采集用户输入的数据的。用于和服务器进行交互。 form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 .
Web前端——HTML中的列表、表格、表单
巧克力布丁的博客
07-03 1万+
列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表</title> </head> <body> <!-- 列表（list） 1、铅笔 2、尺子 3、橡皮 在html中
YCSB%e6%b5%8b%e8%af%95hbase
feil110的专栏
11-16 618
首先，ycsb放狗，第一个就是 https://github.com/brianfrankcooper/YCSB/wiki 新东西一般只有国外首先有技术文档，所以一定要耐着性子看英文，开个词霸，google翻译 从getting started开始 obtain YCSB source 首先是下载一个压缩包，或者安装git(类似svn)下载源代码，再build build the ba...
不能再low的初级练手项目【学生信息管理系统】登录 + 注册 + 列表展示
迟到滴滴
01-23 1834
【学生信息管理系统】登录 + 注册 + 列表展示 【前端】：H5、CSS3、jQuery、Vue、laydate日期控件、Font Awesome图标 (未使用UI框架) 【交互】：Axios、Ajax、JSON 【后端】：普通JavaWeb项目、Tomcat、Servlet、三层架构模式、Druid连接池、MySQL 【开发工具】：VS Code、IDEA、SQLyog、浏览器
HTML 表单制作
热门推荐
千寻的博客
09-19 2万+
HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用表单标签 来设置 HTML 表单-输入元素 多数情况下被用到的表单标签是输入标签（）。 输入类型是由类型属性（type）定义的。 文本域（Text Fie...
HTML表单制作
jxcklfn的博客
05-25 2298
为什么写表单？（目的是为了收集用户信息） 表单的组成：表单域、表单控件（也称表单元素）和提示信息3个部分构成。 在HTML中，<form>标签用于定义表单域，以实现用户信息的收集和传递 <form>会把它范围内的表单元素信息提交给服务器 <form action=''url地址'' methid=''提交方式'' name=''表单域名称''> 各种表单元素的控件 </form> input输入表单元素 <input>标签.
html表单提交
THE ORDER
02-02 8466
1. 表单属性设置 <form>标签 表示表单标签，定义整体的表单区域 action属性 设置表单数据提交地址 method属性 设置表单提交的方式，一般有“GET”方式和“POST”方式, 不区分大小写 2. 表单元素属性设置 name属性 设置表单元素的名称，该名称是提交数据时的参数名 value属性 设置表单元素的值，该值是提交数据时参数名所对应的值 3. 示例代码 <form action="https://www.baidu.com" method="GET">
camundaCurl:使用curl使用html表单部署流程模型
03-22
camundaCurl 使用curl使用html表单部署流程模型 Camunda Modeler（截至2021年3月）无法部署用于UserTasks的自定义html表单。 局限性 手动编辑包含curl命令的bash文件 假设bpmn和html文件位于当前目录中。
Go Gin 框架与 HTML 模板学习笔记
程序媛平平无奇的一天
10-09 862
Gin是 Go 语言中常用的高性能轻量级 HTTP Web 框架，适合快速开发 RESTful API 和 Web 应用。Gin 支持 HTML 模板渲染，基于 Go 标准库，提供了安全、高效的模板功能。本文主要介绍如何在Gin中使用 HTML 模板。Gin允许你为模板注册自定义函数，来格式化或处理数据。"upper": strings.ToUpper, // 注册自定义函数})在模板中使用自定义函数：
《常见 HTML 标签和属性全解析》
一名资深Java工程师的技术分享
10-10 1166
在网页开发的世界里，HTML（超文本标记语言）就像是构建数字大厦的基石。它通过各种标签和属性来定义网页的结构、内容和样式。下面，让我们深入了解一些常见的 HTML 标签和属性。
【FastAdmin】全栈视角下的页面跳转实现：从原生html、javascrpt、php技术到jQuery、FastAdmin框架
田辛_DensinTian的专栏
10-09 793
页面跳转是Web开发中的基本操作，不同的技术栈提供了不同的实现方法。本文将详细介绍在原生JavaScript、原生HTML、原生PHP、jQuery以及FastAdmin框架中实现页面跳转的各种方法，并分析每种方法的优势、劣势和适用场景。
Chromium HTML Tags与c++接口对应关系分析
杰克东的专栏
10-11 1107
head>对应"head",},其中 == "a" 接口定义 interfaceName: "HTMLAnchorElement", 其他的也类似。查找html_tag定义只需在third_party\blink\renderer\core\html\html_tag_names.json5文件中输入对对应标签，即可找到interfaceName定义。又可以根据interfaceName定义的文件名找到blink和v8定义。
Chromium html＜img＞对应c++接口定义
杰克东的专栏
10-11 364
img src="tulip.jpg" alt="上海鲜花港 - 郁金香" />
HTML布局元素
最新发布
GIS前端嘉欣的博客
10-12 477
接下来教大家学习HTML中常用的布局元素。HTML中的布局元素可以帮助我们更方便地实现网页的布局。正确地使用这些布局元素可以使网页的结构更清晰，并且可以更方便地对其进行样式化和布局调整。<div>元素：通常用于包装其他HTML元素以便样式化或组织内容。通常用于网页的标题或导航栏。通常用于网页的主要内容。通常用于网页的页脚。
Chromium html＜body＞对应c++接口定义
杰克东的专栏
10-11 438
<!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> </body> </html> 1、html_body_element.idl中接口定义： （third_part
html表单
05-31
HTML表单是一个用户界面元素，它包含用于收集用户输入的各种表单元素，例如文本输入框、下拉列表、单选按钮、复选框等。当用户提交表单时，它将被发送到服务器进行处理。以下是一个简单的HTML表单示例： ```html <form action="/submit-form" method="POST"> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="message">Message:</label> <textarea id="message" name="message" required></textarea> <button type="submit">Submit</button> </form> ``` 这个表单包括三个表单元素：一个文本框、一个电子邮件输入框和一个文本区域，以及一个提交按钮。当用户点击提交按钮时，表单数据将被发送到服务器的“/submit-form”端点，使用POST方法。此外，每个表单元素都有一个“required”属性，这意味着用户必须填写它们才能提交表单。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值