【Html学习笔记】第八节——表单实践

作者：mjadhu | 来源：互联网 | 2023-05-19 04:55

列举一些实践的例子：1、点击按钮后跳转：<html><body><formaction1.html>First<inputt

　　列举一些实践的例子：

　　1、点击按钮后跳转：

<html>
<body>

<form action="1.html">
    First
    <input type="text" value="hi,boy">
    br>
    <input type="submit" value="点击跳转">
form>

body>
html>

　　这里 form 标签的 action里面也可以替换为 ***.php，另外就会触发这里action里的内容。我们看看实际网页：

　　2、点击跳转后，携带checkbox的内容：

<html>
<body>

<form name="input" action="/html/html_form_action.asp" method="get">
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" checked="checked" />
<br />
I have a car: 
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane: 
<input type="checkbox" name="vehicle" value="Airplane" />
<br /><br />
<input type="submit" value="Submit" />
form> 

<p>如果您点击 "Submit" 按钮，您将把输入传送到名为 html_form_action.asp 的新页面。p>

body>
html>

　　看下跳转的效果：

　　当然要想完成这些只有html代码是不够的，还需要asp的代码，asp相关的就在这里不再赘述。

　　3、发送邮件，携带网页信息：

<html>
<body>

<form action="MAILTO:bryan@qq.com" method="post" enctype="text/plain">
<h3>这个表单会把内容发到电子邮件中。h3>
姓名：<br />
<input type="text" name="name" value="bryan" size="20">
<br />
电邮：<br />
<input type="text" name="mail" value="123@qq.com" size="20">
<br />
内容：<br />
<input type="text" name="comment" value="hello boy" size="40">
<br /><br />
<input type="submit" value="发送">
form>

body>
html>

　　看下跳转效果：

推荐阅读

int
南邮ctf-web的writeup

本文介绍了南邮ctf-web的writeup，包括签到题和md5 collision。在CTF比赛和渗透测试中，可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型，可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]

蜡笔小新 2023-12-13 10:58:55
ip
input语句的作用有哪些

本篇文章为大家展示了input语句的作用有哪些，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。HTML标签 ... [详细]

蜡笔小新 2023-10-15 11:29:51
ip
【译】发送表单数据

这是原文链接：sendingformdata许多情况下，我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单，但是 ... [详细]

蜡笔小新 2023-12-14 16:19:10
int
springmvc学习笔记(十)：控制器业务方法中通过注解实现封装Javabean接收表单提交的数据

本文介绍了在springmvc学习笔记系列的第十篇中，控制器的业务方法中如何通过注解实现封装Javabean来接收表单提交的数据。同时还讨论了当有多个注册表单且字段完全相同时，如何将其交给同一个控制器处理。 ... [详细]

蜡笔小新 2023-12-13 12:16:34
js
单击时动态创建
元素 - Dynamically create
element on click

Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]

蜡笔小新 2023-12-12 15:59:36
ip
【Vue】表单 input 绑定

网址：https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令，在 ... [详细]

蜡笔小新 2023-12-11 18:07:28
js
JavaWeb中读取文件资源的路径问题及解决方法

在JavaWeb开发中，读取文件资源的路径是一个常见的问题。本文介绍了使用绝对路径和相对路径两种方法来解决这个问题，并给出了相应的代码示例。同时，还讨论了使用绝对路径的优缺点，以及如何正确使用相对路径来读取文件。通过本文的学习，读者可以掌握在JavaWeb中正确找到和读取文件资源的方法。 ... [详细]

蜡笔小新 2023-12-10 19:49:18
case
vue 如何监听事件动态传至给子组件

点击后defaultEducation的值明明改变了，但props传给子组件却watch不到 ... [详细]

蜡笔小新 2023-10-15 17:58:49
js
ASP.NET MVC验证标注的扩展checkbox必选

我们知道ASP.NETmvc提供一些表单的验证标注，比如必填属性RequiredAttribute但是这个属性不适合选择框的必选但是很多时候，我们却是需要一些必选的单选框比如网站注 ... [详细]

蜡笔小新 2023-10-15 12:56:00
js
第二次网页前端培训笔记（表单，INPUT及常用字符）

1.表单form2.INPUT编号: ... [详细]

蜡笔小新 2023-10-15 09:01:49
js
C#之数据集：DataSet对象的使用及相关方法详解

本文介绍了C#中数据集DataSet对象的使用及相关方法详解，包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成，以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读，读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]

蜡笔小新 2023-12-14 12:09:13
client
Web学习历程记录（七）——Tomcat基本概念和配置

本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念，以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器，包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实，适合初学者了解Tomcat的基础知识。 ... [详细]

蜡笔小新 2023-12-13 17:08:24
int
PDO MySQL

PDOMySQL如果文章有成千上万篇，该怎样保存？数据保存有多种方式，比如单机文件、单机数据库（SQLite）、网络数据库（MySQL、MariaDB）等等。根据项目来选择，做We ... [详细]

蜡笔小新 2023-12-12 10:25:39
int
iOS实现UITextField+Limit的字符限制方法

本文介绍了在iOS开发中使用UITextField实现字符限制的方法，包括利用代理方法和使用BNTextField-Limit库的实现策略。通过这些方法，开发者可以方便地限制UITextField的字符个数和输入规则。 ... [详细]

蜡笔小新 2023-12-12 09:50:30
ip
绕过WAF的XSS检测机制及构建XSS payload的方法

本文介绍了绕过WAF的XSS检测机制的方法，包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法，该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型（DOM）接收器和源、实施适当的跨域资源共享（CORS）策略和其他安全策略，可以有效阻止XSS漏洞。但是，WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制，构建与正则表达式不匹配的XSS payload。 ... [详细]

蜡笔小新 2023-12-11 19:42:30

mjadhu

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章