简单form表单

最新推荐文章于 2022-06-27 10:34:31 发布
最新推荐文章于 2022-06-27 10:34:31 发布
阅读量854 收藏
点赞数
分类专栏： 前端 文章标签： form
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32067151/article/details/80071007
版权

1.第一种：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <div>
    <!--创建表单  -->
        <form>
          <fieldset>
          <!--表单功能进行描述  -->
          <legend>Add a product</legend>
          <!--表单名名称进行填写  -->
          <p>
           <lable for="name">Product name:</lable>
           <input type="text" id="name" name="name">
          </p>
          <!-- 表单详情填写 -->
          <p>
          <lable for="description">description:</lable>
          <input type="text" id="description" name="description">
          </p>
          <!-- 表单价格进行填写 -->
          <p>
          <lable for="price:">price:</lable>
          <input type="text" id="price" name="price">
          </p>
          <!-- 提交与重置 -->
          <p id="buttons">
              <input id="reset" type="reset"/>
              <input id="submit" type="submit"/>
          </p>
          </fieldset>
       </form>
    </div>
</body>
</html>


2.第二种形式

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <div>
    <!--创建表单  -->
       <form action="saved">
          <fieldset>
          <!--表单功能进行描述  -->
          <legend>Add a product</legend>
          <!--表单名名称进行填写  -->
          <table>
          <tr>
           <td><lable for="name">Product name:</lable></td>
            <td><input type="text" id="name" name="name"></td>
          </tr>
          <!-- 表单详情填写 -->
          <tr>
          <td><lable for="description">description:</lable></td>
          <td><input type="text" id="description" name="description"></td>
          </tr><br/>
          <!-- 表单价格进行填写 -->
          <tr>
          <td><lable for="price:">price:</lable></td>
          <td><input type="text" id="price" name="price"></td>
          </tr><br/>
          <!-- 提交与重置 -->
          <tr id="buttons">
              <td><input id="reset" type="reset"/></td>
              <td><input id="submit" type="submit"/></td>
          </tr><br/>
          </table>
          </fieldset>
       </form>
    </div>
</body>
</html>


好__好
关注
专栏目录
自己比较满意的Form表单样式
03-01
写了好多表单样式 ，这个表单样式是我比较满意的Form表单样式
简单的form表单
沫栀·的博客
05-08 985
开发工具与关键技术：MVC和from表单 作者：郑健鹏 撰写时间：2019年5月1日 今天我们来使用layui插件和VS实现简单的form表单，首先我们需要在项目的文件路径里创建个文件夹放置插件来供VS读取,为了美观的原因在编写代码的时候加入JQuery，加入JQuery的原因是写代码比较方便 当创建完项目，第一步就是先把我们需要的这三个插件引入，第二步则是显示form表单，以下是我使用的代码 ...
简单的表单
jing522627463的博客
08-21 201
简单Table样式，效果图： &lt;html&gt; &lt;head&gt;     &lt;style type="text/css"&gt;         body {margin: 0;font-family:Helvetica, Georgia, Arial, sans-serif, 宋体;font-size:13px;}         table {           m...
一个简单的表单
weixin_30753873的博客
07-14 71
HTML代码 <form method="post" action="/ContractManage/ContractSearch"> <input type="text" id="username" name="username" /> <input type="text" id="password" name="password...
简易表单
Jackson_Yee1031的博客
12-21 189
账号: <input type="text" name="zhanghao" /><br /><br /> 密码:<input type="password" name="mima"/><br /><br /> 爱好:<input type="checkbox" name="aihao" checked /&g...
简单的form表单模板
最新发布
01-16
本文将深入探讨“简单的form表单模板”及其相关知识点。 首先，我们需要了解HTML中的`<form>`标签。它是创建表单的基础，用于定义用户输入数据的区域。例如： ```html <form action="submit.php" method="post"> ...
微信小程序简单实现form表单获取输入数据功能示例
08-28
微信小程序简单实现form表单获取输入数据功能示例 微信小程序作为当前最流行的移动应用程序之一，其开发技术日益成熟，开发者可以使用微信小程序来快速构建各种类型的应用程序。其中，form表单是最常用的交互方式之...
js获取form表单所有数据的简单方法
10-21
本文介绍了一种使用JavaScript来获取表单中所有输入字段数据的简单方法。通过编写特定的函数，我们可以轻松地从表单中提取数据，并将其以URL编码的查询字符串形式组织起来，这在使用GET方法提交表单时特别有用。 ...
jquery获取form表单input元素值的简单实例
10-22
在本篇内容中，我们将详细探讨如何使用jQuery来获取form表单中input元素的值，包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法，我们可以轻松获取或设置input...
C# post方式提交Form表单
01-08
下面是一个简单的C# POST提交Form表单的示例代码： ```csharp using System; using System.Net.Http; using System.Threading.Tasks; public class PostFormExample { public static async Task Main() { using...
Form表单的简单使用
chenmo2001的博客
05-27 3101
Form表单的简单使用 简介 表单是一个包含表单元素的区域，用于搜集不同类型的用户输入。表单元素是允许用户在表单中（比如：文本域、下拉框、单选框、复选框等等）输入信息的元素。表单使用表单标签<form>定义。 布局 完成布局的第一步：创建一个新的项目。 第二步：把我们需要的文件引入进去。 主要有这三个： 可通过栅格系统进行布局 Bootstrap提供了一些表单控件样式、布局选项、以及用来创建广泛多样化的表单的自定义组件。 表单控件 1....
简单的表单示例
qq_45866940的博客
10-24 1218
简历表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h3 align="center">个人简历</h3> <table border="1" align="center" cellspacing="0"> <tr&g
简单的表单实例
qq_40289292的博客
09-27 459
简单的表单实例
简单的form表单提交...
explorerqp的专栏
12-30 790
document.forms[0].action="xxx.action?...." document.forms[0].submit() 很久没手写代码，竟然连form表单提交都忘了...
简单的form表单验证
erdouzhang
04-25 765
在线演示 html:<div class="box"> 语文: <input type="text" id="txt"/> <span id="result">请输入成绩</span> </div>css:<style> .box { text-align: center; margin:100px auto; } span {
简单页面表单
蓦然回首
09-04 704
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
简单表单验证
Wangdanting123的博客
05-23 844
简单表单验证
form表单
热门推荐
Lotus_fragrance的博客
06-27 1万+
目录1. form表单的基本使用1.2 表单的组成部分1.3标签的属性1.4 表单的同步提交及缺点 2. 通过Ajax提交表单数据2.1 监听表单提交事件2.2 阻止表单默认提交行为2.3 快速获取表单中的数据3. 案例 - 评论列表3.1 渲染UI结构3.2 JS代码#博学谷IT学习技术支持#表单在网页中主要负责数据采集功能。HTML中的标签，就是用于采集用户输入的信息，并通过标签的提交操作，把采集到的信息提交到服务器端进行处理。表单由三个基本部分组成：表单标签 表单域 表单按钮 ...
JS-简单表单校验
qq_43078445的博客
04-27 192
目录： 效果截图： 代码： 表单校验.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 引入外部的js文件 --> <script type="text/javascri...
HTML表单form使用详解：实例解析
1. form表单标签 `<form>`标签是定义表单的核心，用于包裹所有表单控件。其基本语法如下： ``` <form method="传送方式" action="服务器文件"> </form> ``` - `method`属性决定了数据的提交方式，通常有`GET`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值