form表单提交

HTML基础知识4——表单

坚强是说给别人听的谎言 提交于 2019-12-05 10:05:58
表单的应用场景 页面的登录、注册 表单的工作原理: 表单的语法: <form> 表单元素(表单元素主要包括:文本域、单选框、复选框、按钮、列表等等) </form> 注意:表单本身是不可见的,可见的是表单中的具体的表单元素 以下标签实现表单元素的添加: (1) <input >标签 语法:<input type="类型属性" name="名称" ......>,注意<input>标签是一个单标签 <input >标签的type属性值及描述: 简单的form表单: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单的表单案例</title> </head> <body> <form> 姓名:<input type="text" name="username" /> 密码:<input type="password" name="pwd" /> <input type="submit" value="提交"/> </form> </body> </html> 结果展示: a:单行文本域语法: <form>   <input type="text" name="..." ...... /> </form>单行文本域的属性: b.文件域:用于向服务器传输文件 格式: <form>   <input type=

(五)表单类的创建和使用

时间秒杀一切 提交于 2019-12-05 08:37:49
一、创建表单 表单类的作用: 1、在template模板中,使用Django中已存在的表单,快速生成表单控件,该类表单控件已存在验证数据合法性的功能,开箱即用。 2、在view视图函数中,使用表单类对Model模型对应的数据库表进行数据的存储作用 表单类组件的类型: 1、Form组件: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入的内容 表单仅提供数据的读取使用 可验证 2、ModelForm组件:(Model和Form的结合) 可验证,用户可对表单控件数据校验 对数据库进行操作 创建前需要在应用目录下新增from.py文件,文件用来存放该应用下需要创建的表单类 二、 表单类的使用 #登录的表单类(不会对数据操作) class LoginForm(forms.Form): username = forms.CharField() password = forms.CharField(widget=forms.PasswordInput) #注册的表单类(会对数据库操作) class RegistrationForm(forms.ModelForm): # password 和 password2新增的表单控件 password = forms.CharField(label="密码",widget=forms.PasswordInput) password2

Android模拟表单提交(上传文件)

半世苍凉 提交于 2019-12-05 08:20:33
通过form表单进行上传文件 <html> <body> <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label> <input type="file" name="file" id="file" /> <br /> <input type="submit" name="submit" value="Submit" /> </form> </body> </html> 利用android api自带的httpclient进行模仿web中的form表单进行提交 public class MainActivity extends Activity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); new Thread() { public void run() { try { doUPloadFile(); } catch (Exception e) { e.printStackTrace(); } }; }

Web框架之Django【进阶篇】- Form验证

て烟熏妆下的殇ゞ 提交于 2019-12-05 06:47:56
Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1、创建Form类 from django.forms import Form from django.forms import widgets from django.forms import fields class MyForm(Form): user = fields.CharField( widget=widgets.TextInput(attrs={'id': 'i1', 'class': 'c1'}) ) gender = fields.ChoiceField( choices=((1, '男'), (2, '女'),), initial=2, widget=widgets.RadioSelect ) city = fields.CharField( initial=2, widget=widgets.Select(choices=((1,'上海'),(2,'北京'),)) ) pwd = fields.CharField( widget=widgets.PasswordInput(attrs={'class': 'c1'}, render_value=True) ) 2、View函数处理 from

HTML笔记

守給你的承諾、 提交于 2019-12-05 06:46:28
HTML笔记 全套笔记:( 点击跳转 ) 电子课件:( 点击跳转 ) 1、一套规则,浏览器认识的规则。 2、开发者: 学习Html规则 (20个标签) 开发后台程序: - 写Html文件(充当模板的作用) ****** - 数据库获取数据,然后替换到html文件的指定位置(Web框架) 3、本地测试 - 找到文件路径,直接浏览器打开 - pycharm打开测试 - 自写一个socket程序 #!/usr/bin/env python # -*- coding:utf-8 -*- # Author:Uson '''文件名不能用模块名''' ''' 'module' object is not callable ''' ''' module 'socket' has no attribute 'AF_INET' ''' '''360浏览器不支持''' '''win10自带浏览器可以:http://localhost:8000/''' ''' 二进制三种写法: 1、b"Hello, Seven" 2、bytes("Hello, Seven", encoding="utf-8") 3、'hello'.encode('utf-8') ''' import socket def handle_request(client): buf = client.recv(1024) client

JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别

自闭症网瘾萝莉.ら 提交于 2019-12-05 05:59:20
Query中的AjaxForm和AjaxSubmit使用差不多功能也差不多。很容易误解。 按照作者的解释: AjaxForm ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 ajaxSubmit 马上由AJAX来提交表单。你可以在任何情况下进行该项提交。 option的参数 var options = { target: ' #output1 ' , // target element(s) to be updated with server response beforeSubmit: showRequest, // pre-submit callback success: showResponse // post-submit callback // other available options: // url: url // override for form's 'action' attribute // type: type // 'get' or 'post', override for form's 'method' attribute // dataType: null // 'xml', 'script', or 'json' (expected server

微信小程序 - 表单验证插件WxValidate使用

烈酒焚心 提交于 2019-12-05 04:45:48
参考文章 (1) Github地址: WxValidate 1. 拷贝至util目录 2.项目引入 3.查看wxml匹配规则,通过name 4.在js配置规则 1 import WxValidate from '../../../utils/WxValidate'; 2 3 Page({ 4 5 /** 6 * 页面的初始数据 7 */ 8 data: {}, 9 10 onLoad: function(options) { 11 12 /** 13 * 4-1(先初始化表单) 14 */ 15 this.initValidate(); 16 }, 17 18 19 20 showModal(error) { 21 wx.showModal({ 22 content: error.msg, 23 showCancel: false, 24 }) 25 }, 26 27 28 submitForm(e) { 29 /** 30 * 4-3(表单提交校验) 31 */ 32 const params = e.detail.value 33 if (!this.WxValidate.checkForm(params)) { 34 const error = this.WxValidate.errorList[0] 35 this.showModal(error) 36 return

android中的文件(图片)上传

耗尽温柔 提交于 2019-12-05 04:21:46
android中的文件(图片)上传其实没什么复杂的,主要是对 multipa android中的文件(图片)上传其实没什么复杂的,主要是对 multipart/form-data 协议要有所了解。 关于 multipart/form-data 协议,在 RFC文档中有详细的描述 RFC 2388 - Returning Values from Forms: multipart/form-data 大家有兴趣的话可以去看看,这里有一篇非常好的文章进行了介绍: Http协议中的数据传送之多重表单提交--multipart/form-data 那么在Android中如何实现呢?这里写了一个简单的工具类,供大家使用 rt/form-data 协议要有所了解。 关于 multipart/form-data 协议,在 RFC文档中有详细的描述 RFC 2388 - Returning Values from Forms: multipart/form-data 大家有兴趣的话可以去看看,这里有一篇非常好的文章进行了介绍: Http协议中的数据传送之多重表单提交--multipart/form-data 那么在Android中如何实现呢?这里写了一个简单的工具类,供大家使用 来源: oschina 链接: https://my.oschina.net/u/2658128/blog/636613

day15

笑着哭i 提交于 2019-12-05 03:45:00
day 48 Bootstrap https://v3.bootcss.com 布局容器 使用前端框架之后 所有标签样式的调整 全部是通过class属性值来的 <div class="container"></div> 左右两边留白 <div class="container-fluid"></div> 全屏显示 栅格系统 默认情况下 一个row就是一行 每个row默认会均分成12份 你可以通过col-md-Num 来选择你想要占几份 你当前已经占了几份 还剩几份 (12份) 栅格参数 xs sm md lg 起手写的两句代码 <div class="container-fluid"> <div class="row"> ... </div> </div> 列偏移 col-md-offset-3 表格 表单 表单加样式 你只需要记一个 form-control 浮动 pull-left 左浮动 pull-right 右浮动 按钮组 btn btn-颜色 !important 执行优先级最高 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>前端</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"><

form表单

China☆狼群 提交于 2019-12-05 00:50:55
1. 表单是什么 表单是搜集用户数据信息的各种表单元素的集合区域 2. 表单的作用 用于收取用户数据并向后台发送,前后交互的方式之一 3. 表单的应用 表单常应用于 登录注册,搜索,文件上传等 4. 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>form表单</title> </head> <body> <!--action 参数提交的后台--> <!--method 参数 提交数据的方法--> <!--enctype 参数 参数必须是mulitpart/form-data的时候,数据才能够上传--> <form action="" method="post" enctype="multipart/form-data"> <!--form表单一般是要搭配其他标签来使用的 --> <!--input 标签--> <!--text input标签的属性 类型是文本类型,用来给后台传数据的--> <!--name input标签的属性 因为我们给后台上传数据的都是通过键值对的方式来上传的,用户写的数据是值,那么键就是name赋值的名字--> <p> <label for="usr">用户名:</label><input type="text" name="usr" id="usr"