HTML——表单标签＜form＞与表单的实现

原创 已于 2022-07-24 11:37:59 修改 · 734 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #html

于 2022-07-12 20:09:55 首次发布

本人所用编辑器：vscode；使用浏览器为chrome

目录

1.基础知识

  1.1基础知识详解

  1.2action和method属性

  1.3input标签

2.调查问卷的实现

  2.1问卷及效果

  2.2源代码

1.基础知识

  1.1基础知识详解

  下方借用一下一位博主的知识分享，我感觉写的比较全面和详细。对于书本内容部分，我不在此处进行多余的解释。大家有空可以查看下这位博主写的文章。HTML之表单的基本知识https://blog.csdn.net/m0_46374969/article/details/113106325?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165762457316782246459341%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=165762457316782246459341&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-3-113106325-null-null.142%5Ev32%5Enew_blog_fixed_pos,185%5Ev2%5Econtrol&utm_term=%E8%A1%A8%E5%8D%95%E6%A0%87%E7%AD%BE&spm=1018.2226.3001.4187

  1.2action和method属性

  form标签主要有两个属性：action和method。简单解释为；

        （1)action：动作 将数据提交到哪里

          (2) method：方法  表示怎么提交

  action后面可以直接跟相对应的URL，但是method属性有2种不同的属性值分别为；get和post两种不同的提交方式。get方式提交：将所写的文字使用明文的方式展示在地址栏上最多不能超过2048字符，适合发送非安全数据； post方式提交：不在网址上显示所写内容，没有大小限制。可以发送敏感数据。

 <!-- #代表提交到当前页面 -->
 <form actio
最低0.47元/天 解锁文章

200万优质内容无限畅学
HTML 基础标签——表单标签＜form＞
Allen-
11-01 521
HTML 表单标签是实现用户和网页互动的关键工具，通过这些标签，用户可以输入信息、选择选项并与服务器交互，完成注册、提交反馈等功能。
HTML 基础标签——分组标签 ＜div＞、＜span＞ 和基础语义容器
Allen-
11-01 722
HTML中的分组（容器）标签用于结构化内容，将页面元素组织成逻辑区域，使页面更具可读性和易维护性。这些标签既有纯粹的结构性标签（如 `` 和 ``），也有提供语义信息的标签（如 ``、`` 和 ``）。
HTML标签_Form表单
qq_55961861的博客
08-06 584
HTML标签_Form表单！
HTML常见标签——表单form标签
weixin_64294248的博客
07-17 6462
表单标签form用于收集、采集信息。可以用于用户登录、注册功能时，收集用户的账号、密码等信息。在开发过程中如果需要实现登录、注册、评论、留言、表白墙、聊天室等功能，可以使用表单标签。
表单Form如何实现-HTML
yunduanaoligei的博客
08-25 188
以前遇到一个工作，给了一张图片，让依照图片款式做一个表单，但在全部作用都完成后，发觉没法让表单居中，一直缩在左上方，看上去很不好看。在历经了各种各样改动后，总算取得成功将表单居中，下边共享一下我所历经全过程中的不正确与最后結果。（由于做这一部分工作的情况下都还没学 css，因此不起作用）1、刚做出的模样 watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naG
动态表格模板html,动态表单自定义（来钦波）
weixin_36339234的博客
06-09 704
动态表单自定义(回钦波)结合Freemarker，将动态表单显示在公文的添加界面上只需拷贝freemarker.jar包到类路径即可1、了解Freemarker的基本使用(参考freemarker项目中的演示代码)2、结合Freemarker动态显示表单- DynaFormFunction.java- WebRoot/document/add_input.jsp(使用自定义JSTL函数)Java代...
HTML动态生成表单,html – 如何为动态生成的内容编写自定义表单助手模板？
weixin_34183908的博客
06-07 525
我有一些测验系统,用户可以通过单选按钮显示问题和几个答案选项.但是当我使用一个通过列表填充的inputRadioGroup的帮助器时,它看起来不再漂亮了(比如Twitter Bootstrap). radiobuttons是内联的,而它们应该在彼此之下.实际上我想将图标更改为更漂亮的按钮.这就是它当下的样子：因此我尝试编写自己的自定义表单助手,但一直卡住.我觉得很难理解这个文档：https://w...
黑马JavaWeb开发笔记04——HTML表格＜table＞、表单＜form＞、表单项＜input＞ ＜select＞ ＜textarea＞标签
apple_68589597的博客
07-23 844
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单DAY1完结）04 ：HTML表格、表单、表单项标签的总结。
HTML 标签属性——＜a＞、＜img＞、＜form＞、＜input＞、＜table＞ 标签属性详解
Allen-
11-02 1156
HTML元素除了可以使用全局属性外，还有许多特定于某些元素的属性。这些特定属性能够极大地增强元素的功能性和用户体验。
页面表单数据的封装
justdoit1024
10-05 214
1、页面表单数据的封装处理类 [code="java"] package com.hf.sfm.util; import java.io.BufferedReader; import java.io.File; import java.io.FileNotFoundException; import java.io.FileReader; import java.io.IOExce...
HTML-table表格&form表单详解
主营前端方向，技术栈是vue
11-21 2354
table表格&form表单(表格的行和列、横纵合并、边距边框、表头表体表底标签，表单元素的列表和分组、input各种输入框、单多选、提交和重置，button按钮)
form表单添加实线框
JAVA_WZZ的博客
08-27 3088
form表单添加实线框 <form style="border:1px solid red;"> </form> solid是实线 后面加#XXX或者直接颜色的英文
form标签的action之前 加密_html表单边框怎么加颜色？html form标签的边框颜色实例
weixin_39955732的博客
10-27 390
本篇文章主要的讲述了HTML表单的边框加颜色，可以更改任何你想要的颜色都可以，有实例解析，方便观看，接下来让我们一起来看看这篇关于HTML表单的边框颜色的文章吧首先我们说的是表单的边框怎么添加颜色？<input>标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。提示：在 HTML 中，<i...
HTML:给你的表单设置边框！
热门推荐
MR_zbh的博客
12-12 1万+
不多说，直接上代码 &lt;form action=""&gt; &lt;fieldset&gt; &lt;legend&gt;Personal information:&lt;/legend&gt; Name: &lt;input type="text" size="30"&gt;&lt;br&gt; E-mail: &lt;input t
<form>表单标签
QQ1012421396的博客
03-16 610
表单标签：表单标签的作用是用于提交数据给服务器的。 表单，在网页中主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。 组成: 表单标签：   表单域    ：   表单按钮：   常见的表单域 文本字段       密码字段、   隐藏字段 type = "password" 单选
html+css+js封装身份证号表单验证
m0_70932336的博客
03-29 477
身份证第18位（校验码）的计算方法//41:省编码前2位//4107:市编码前4位//410724:县编码//451:奇数为男，偶数为女1、将前面的身份证号码17位数分别乘以不同的系数。从第一位到第十七位的系数分别为：7－9－10－5－8－4－2－1－6－3－7－9－10－5－8－4－2。2、将这17位数字和系数相乘的结果相加。3、用加出来和除以11，看余数是多少？4、余数只可能有0－1－2－3－4－5－6－7－8－9－10这11个数字。
HTML-form表单
weixin_63003502的博客
09-19 2108
html-form表单（表单格式调整，表单提交细节，get和post提交区别）
html表单边框怎么加颜色？html form标签的边框颜色实例
web前端入门基础进阶教程-htmlcssjs
06-08 4576
本篇文章主要的讲述了HTML表单的边框加颜色，可以更改任何你想要的颜色都可以，有实例解析，方便观看，接下来让我们一起来看看这篇关于HTML表单的边框颜色的文章吧 首先我们说的是表单的边框怎么添加颜色？ <input>标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 提示：在 HTML 中，<input>标签没有结束标签；在 XHTML 中，<input> 标签必须被正确地关闭。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Welcome Page</title> </head> <body> <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; echo "ようこそ、". $name. "さん！"; } else { ?> <form method="post"> <label for="name">名前:</label> <input type="text" id="name" name="name"><br> <input type="submit" value="送信"> </form> <?php } ?> </body> </html>在以上代码中，用PHP 添加程序让他在输入信息发送后，让表单消失
最新发布
03-09
在这个场景下，您希望用户提交表单之后...此时我们只打印出问候消息而不会再次渲染表单标签。同时增加了对 `$name` 变量值的安全处理——使用了 PHP 的内置函数 `htmlspecialchars()` 来防止跨站脚本 (XSS) 攻击风险。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

valiant小东

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值