form表单

努力的zhiyi 2016-08-14

HTML表单是用于收集，提交输入信息的。在表单中<input>元素是表单最重要元素，其中根据不同type属性决定表单的<input>类型。有：text是文本输入，submit是提交按钮，radio是单选按钮输入。

我用表单是为了在nodejs中给mongodb数据库提交页面输入的数据的，所以我在表单中用到了method属性，通过post请求将页面数据传给后端数据库。例子如下:

<form  method="POST">
<input type="text" name="name">
<input type="submit" value="保存">
</form>

 之后在此页面的路由中设置post请求，详细路由设置可以去搜nodejs中express和mongodb数据库链接的教程。

在输入文本框的<input>属性中，一定要设置name属性。

<input type="radio" >定义单选按钮。

单选按钮允许用户在有限数量的选项中选择其中之一。

例子如下：

<html>

<body>

<form name="input" action="/html/html_form_action.asp" method="get">
Male: 
<input type="radio" name="Sex" value="Male" checked="checked">
<br />
Female: 
<input type="radio" name="Sex" value="Female">
<br />
<input type ="submit" value ="确定">
</form> 

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

</body>
</html>

 //action中如果省略，则默认为当前页面。我这里是提交到web服务器上的网页，指定了某个服务器脚本来处理提交的数据。

努力的zhiyi

努力的zhiyi

相关推荐

django—Form组件

　　class RegForm: 　　 user = forms.CharField() 　　pwd = forms.CharField(). 　　一个功能的form组件是一个类，这个类必须继承forms中的Form类；　　这个类内部定义的成员变

Qc / 0评论 2020-07-19

Asp.net Form 动态产生表格核心后台代码

<asp:Button ID="btnProTable" runat="server" Text="产生表格" />

swiftwwj / 0评论 2020-07-05

有关post的三种提交格式

request.body：其中有json格式的编码数据，但是是bytes类型，需要用json模块反序列化一下，变成字典，才能用。并不是前两种方法不在会在request.body中，而是request.POST只接受前两种，第三种json格式必须去请求体里面

wcqwcq / 0评论 2020-07-04

原生Ajax手动提交form表,将input标签的name:value值转换为字符串

我在使用form进行传递数据的时候,发现不知道如何调用回调函数,这个时候使用了原生的Ajax,但是使用xhr.open进行get请求的时候,需要带上form标签中input的数据.这里需要将input中的name:value转换为字符串的形式进行显式提交。

TONIYH / 0评论 2020-06-11

layui 正则表达式验证使用实例详解

layui的正则表达式是在form表单中完成的。所以第一步要在你的html中加上指定的form 。快速步骤引用form.js添加form标签，并设置class属性为layui-form，不可改在要验证的属性上加lay-verify 进行验证声明layui.

yhginny / 0评论 2020-04-20

前端2（form表单、css）

<tr> 一个tr就表示一行。<td colspan="2">egon</td> 水平方向占多行。# 原生的表格标签很丑 我们要使用框架封装好的 很好看。能够获取前端用户数据基于网络发送给后端服

nicepainkiller / 0评论 2020-05-12

flask-admin ModelView

can_create = True 是否可以创建。can_edit = True 是否可以编辑。can_delete = True 是否可以删除。column_list 填入想要显示的字段，不填的话自动从模型中取。column_labels 一个字典，值是

苦咖啡flask / 0评论 2020-05-09

jmeter实现multipart/form-data类型请求

http请求常见的content-type分为3种：application/json、x-www-form-urlencoded、multipart/form-data，这里重点说下multipart/form-data。multipart/form-da

xinjing0 / 0评论 2020-05-08

Django Form和ModelForm组件

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上

Lius / 0评论 2020-05-05

基于form表单和ajax的登录示例

# 初始化一个给AJAX返回的数据。valid_code = request.POST.get # 获取用户填写的验证码。ret["msg"] = "用户名或密码错误！

ajaxtony / 0评论 2020-05-04

python自写软件(二）

思路就是点击按钮就加到string形成算法表达式，再依靠python强大的计算功能。from PyQt5.QtWidgets import QLabel, QApplication, QDialog, QGridLayout, QHBoxLayout, Q

bcbeer / 0评论 2020-04-23

HTTP请求中的Form Data与Request Payload的区别

我看了前端发起的请求，请求正文并不是我熟悉的Form Data，而是Request Payload。如图注意下面两个请求的Content-Type的区别。Request Payload 大概格式如下，请求头部的Content-Type: applicati

sicceer / 0评论 2020-04-20

layui的form表单一行显示多个文本框

相当于用<div class="layui-inline">包括两个表单项。

lyg0 / 0评论 2020-04-10

纯golang爬虫实战－（七）－使用mime/multipart传输附件

mainid=15&subid=49&secid=48&showsubmit=1&coworkid=&prjid=&isExpDiscussion=&crmid=&hrmid=&top

cmsmdn / 0评论 2020-02-18

LayUI form表单提交之ajax请求后不执行回调方法

form表单通过ajax异步提交实现新增员工的功能时，发现请求是成功的，后台也新增了该员工，却不执行回调方法，如下所示：

longshengguoji / 0评论 2020-02-13

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

--正文区域--多行文本框-->. vartext=$.contents().find.text();//获取iframe里的内容。String header= part.getHeader;// 获取请求头--form-data; name=&qu

ajaxtony / 0评论 2020-02-03

django -- Form 组件 其二

　　　- 前端：跳转或错误信息。　　　　利用Form组件自带的正则扩展：

zcyuefan / 0评论 2020-01-23

解决 [Element Warn][Form]model is required for validate to work!

<el-form :model="form" ref="form" :rules="rules" label-position="left" label-width=&q

ELEMENTS爱乐小超 / 0评论 2020-01-17

每日思考（2019/12/30）

为什么 JavaScript 中 0.1 0.2 不等于 0.3 ？enctype的定义和用法：enctype属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urle

waterv / 0评论 2020-01-01

2019年12月24号

　　但在同一个场景下，相关联的接口又需要增加信息头管理器，只能在请求下添加，不能用作全局。快速发版、快速给客户试用、快速得到反馈，快速改进。

xinjing0 / 0评论 2019-12-24

form表单的密码是否一致校验功能

"max_length": "用户名最长16位","min_length": "密码至少六位数",label=‘确认密码‘,"invalid": "

HSdiana / 0评论 2019-12-15

js获取form表单所有数据

　　　　<input name="sex" type="radio" value="woman"/>. 　　　　interest:<input type="checkb

Kakoola / 0评论 2019-12-09

BootStrap Validator

<input type="text" id="username" class="form-control" value="${username}" placeholder

slytop / 0评论 2019-12-06

multipart/form-data请求 -Python 两种解决办法

今天遇到requests 请求的一种新情况，请求方法multipart/form-data。下面提供两种解决办法。

zluxingzhe / 0评论 2019-12-05

Django之中间件与form其他用法

process_request有一个参数，就是request，与视图函数中的request一样。返回值是None，按正常流程继续走，交给下一个中间件处理，如果是HttpResponse对象，Django将不执行视图函数，而将相应对象返回给浏览器。多个中间件

Burgesszheng / 0评论 2019-12-02

django form组件

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上

taiyanghua / 0评论 2019-12-02

（三）jquery easyui常用form控件的使用

easyui为我们提供的简单的验证功能，验证方法包括：数据格式的验证，长度的验证，是否为必输项的验证，将需要验证的属性配置到data-options中即可。<input id="ss" class="easyui-num

仲崇峰 / 0评论 2013-09-14

JQuery EasyUI form表单提交后返回操作结果,提示IE提示下载

var txllxdm = $.combotree.tree.attributes; //新建窗口中通讯录类型代码。$.messager.alert('操作提示','单位选择错误,请添加本单位的人员信息!原因是因为“text/plain”是以无格式文本的方

89357940 / 0评论 2014-01-14

Jquery Ajax自定义提交表单Form 无刷新

Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。当提交后，会跳转到action.aspx页面。如果不想刷新页面使用ajax，就又要在$

sunnyishere / 0评论 2014-01-22

ajax使用formdata上传文件流

今天在做项目的时候涉及到了ajax上传文件流的问题，由于是移动端两个页面的两个表单使用同一个ajax地址进行上传数据给后台，数据中涉及到了不同类型的input，其中存在了file类型的input，导致无法使用表单序列化直接传输数据。只存在传递一般的参数时，

maidou0 / 0评论 2019-10-19

Node.js HTTP服务器中的文件、图片上传的方法

HTTP协议中，multipart/form-data格式用于向服务器发送二进制数据，通过这一内容类型可以实现文件、图片的上传。在使用form提交表单数据时，默认的编码格式为application/x-www-form-urlencoded，上传文件时需要

86580599 / 0评论 2019-09-23

jquery动态form在firefox不能提交

var form = $("<form></form>");form.attr('method','post');form.attr('target','_self');var input = $("&

88324358 / 0评论 2014-04-10

Ajax表单提交插件jquery form

<p>性别：<inputtype="radio"name="sex"value="1"checked>男<inputtype="radio"nam

shumark / 0评论 2014-05-29

django form和ModelForm组件

生成页面可用的HTML标签。对用户提交的数据进行校验。保留上次输入内容。常用的字段与插件

小火车 / 0评论 2019-11-05

【phpstudy2016】apache配置Tp5.0，获取表单数据总是多了一个路由变量，解决

/$1 [QSA,PT,L] 改成 RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]

swazerz / 0评论 2019-10-31

17 Django Form组件

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上

水痕 / 0评论 2019-10-29

Django 批量插入数据、自定义分页器、多表关系的建立及Form组件（待更新。。。）

current_page = request.GET.get # 如果没有page参数 默认就展示第一页

小火车 / 0评论 2019-10-29

Django之Form组件

在Django项目中通常情况下我们会在需要使用Form组件的app下新建一forms.py文件，然后在该文件下书写内容.'password': ['Ensure this value has at least 3 characters .'],<p&

lijiuchangxin / 0评论 2019-10-29

Django—分页器与form组件

只需要会使用即可。在Django项目下新建utils文件夹，新建一个py文件，放入封装好的分页器代码。封装分页相关数据。获取数据用page_data而不再使用原始的queryset. 获取前端分页样式用page_obj.page_html

水痕 / 0评论 2019-10-29

form组件

后端也必须要有校验 反正一句话 前端可有不校验 后端必须校验！！我们首先需要自己写一个继承了Form的类。'password': ['Ensure this value has at least 3 characters .'],上述代码中，我们给自己写的

MrHaoNan / 0评论 2019-10-29

Django之form表单操作

前期你如果提交post请求，你就去settings.py文件注释掉一个中间件。‘HOST‘:‘127.0.0.1‘,有时候结合项目需求 可能需要你手写sql语句。表会自动帮你创建 ，你只需要书写符合django orm语法的代码即可

小火车 / 0评论 2019-10-28

HTML的简单介绍（30）

“<”form> 元素HTML 表单用于收集用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。“<”input> 元素有很多形态，根据不同的 type 属性。

爱好HtmlCssJs / 0评论 2019-10-28

Django之Form组件

widget=widgets.TextInput(attrs={‘id‘: ‘i1‘, ‘class‘: ‘c1‘}). choices=((1, ‘男‘), (2, ‘女‘),),initial=2,initial=2,widget=widgets.Se

时光如瑾雨微凉 / 0评论 2019-10-26

Rails form_tag的remote参数说明

在remote为true时，rails会以ajax的方式提交表单，实现无刷新。可是当form中含有fileupload的时候，remote就会失去作用，rails还是会以传统form的方式刷新页面。据说这个gem可以有效解决这个问题。

shumark / 0评论 2014-07-07

jquery 图片文件上传 ajaxUploadFile

var iframeId = 'uploadIFrame' + getId();var $iframe = $('<iframe src="javascript:false" style="display:none&qu

80477509 / 0评论 2014-07-03

DWZ表单提交在IE下重复添加数据

2.<button type="button" onclick="subForm()">提交</button>. 3.<script> function subForm()

AngelicaA / 0评论 2015-03-14

在ie9/10兼容性视图下用jquery form 的ajaxSubmit获取不到参数

最近遇到个问题，在ie9/10兼容性视图下用jquery form 的ajaxSubmit提交表单时获取不到表单里的参数。经过测试发现在调用的时候把options.semantic这个参数改成true，它就会用另外一种方法去获取参数，就可以了。

81751330 / 0评论 2015-03-10

form 表单伪 Ajax 提交

有时候，你可能有这样的需求，就是提交表单的时候，不想刷新本页面。但你又不想用Ajax，有什么方法呢？这时可以在页面中用<form>和<iframe>实现。原理大概是这样实现的。这个target属性的值frameFile,是form之

kentrl / 0评论 2016-05-03

JS组件系列——Form表单验证神器： BootstrapValidator

友好的错误提示能增加用户体验。博主搜索bootstrap表单验证，搜到的结果大部分都是文中的主题：bootstrapvalidator。今天就来看看它如何使用吧。介绍它之前，还是给出它的源码以及API的地址吧。来看bootstrapvalidator的描述

乔乔 / 0评论 2016-04-30

Fiddler 模拟http form提交

注意：请加入如下内容Content-Type: application/x-www-form-urlencoded

TimeSky / 0评论 2016-04-19