form | 易学教程

使用form表单上传文件

阅读更多关于使用form表单上传文件

在使用form表单上传文件时候，input[type='file']是必然会用的，其中有一些小坑需要避免。　　1、form的 enctype="multipart/form-data" 已经是个老生常谈的问题了，相信都能注意到，就不多说了。　　2、上传下载的请求是不能用ajax提交返回json的。　　3、当使用input[type='file'] 的onChange事件来触发文件上传的时候要注意当上传成功时清空input的时候，不能简单的使用$("input").val('');这样在某些浏览器（IE）会导致change执行两遍，因为IE认为当你执行JS改变input值时候浏览器会再次执行change事件，　　　　所以正确的处理方式可以先remove input元素再重新append一个。 1 $input.remove(); 2 var html = "<input name='importExcel' id='excel' onchange='aaa();' type='file' multiple='true'/>"; 3 $("#import-file").html(html); 　　　　　　来源： https://www.cnblogs.com/kemir1105/p/7472685.html

PyQt5+爬虫打造磁力链接搜索工具

阅读更多关于 PyQt5+爬虫打造磁力链接搜索工具

PyQt5结合爬虫制作一个磁力链接搜索工具的可视化界面，具体效果如下图所示，输入框内输入要搜索的内容，点击搜索按钮，下面的大框内显示搜索结果，双击搜索结果可以自动调用电脑上的迅雷下载，清除按钮用来清除搜索结果。本文分为三小节，第一小节为GUI设计，第二小节为爬虫，第三小节介绍如何将它们结合到一起。 1. GUI设计使用QT designer设计该界面，新建一个widget窗口，把控件从左边拖进来摆放好位置，这里主要用到三个控件，分别是LineEdit、PushButton以及ListWidget。界面设计好后保存到本地，会有一个 .ui 文件的产生，我们需要把这个文件转换为 .py 文件，在 .ui 文件目录下打开终端，输入 pyuic5 -o magnet_serach_ui.py magnet_serach.ui 即可，其中的ui文件是designer保存下来的，py文件时转换后我们需要用的文件。 magnet_serach_ui.py: # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'magnet_search.ui' # # Created by: PyQt5 UI code generator 5.13.0 # # WARNING! All changes

HTML form表单

阅读更多关于 HTML form表单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单学习</title> </head> <body> <form method="get" action="lesson_0131.html"> <p>  <label for="user">姓名</label> <input type="text" name="username" id="user"> </p> <p>年龄<input type="text" name="old"></p> <ul>性别: <li> <label for="sex">男</label> <input type="radio" name="sex" id="sex" value="1"> </li> <li>女<input type="radio" name="sex" value="2"></li> </ul> <ul>爱好: <li>篮球<input type="checkbox" name="hobby" value="1"></li> <li>足球<input type="checkbox" name="hobby" value="2"></li>

事件修饰符

阅读更多关于事件修饰符

修饰符是由点开头的指令后缀来表示的：事件修饰符: 方法中最好只有纯粹的的数据逻辑，而不是处理DOM事件细节。这时候就会用到事件修饰符  <a v-on:click.stop="doThis"></a>  <form v-on:submit.prevent="onSubmit"></form>  <a v-on:click.stop.prevent="doThat"></a>  <form v-on:submit.prevent></form>   <div v-on:click.capture="doThis">...</div>   <div v-on:click.self="doThat">...</div> 注意：使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self

layui的下拉框动态赋值

阅读更多关于 layui的下拉框动态赋值

代码说明部分第一步：先把layui官方给的模板粘到自己的前端注：下面的代码是我直接从layui官网粘过来的 < div class = " layui-form-item " > < label class = " layui-form-label " > 选择框 </ label > < div class = " layui-input-block " > < select name = " city " lay-verify = " required " > < option value = " " > </ option > < option value = " 0 " > 北京 </ option > < option value = " 1 " > 上海 </ option > < option value = " 2 " > 广州 </ option > < option value = " 3 " > 深圳 </ option > < option value = " 4 " > 杭州 </ option > </ select > </ div > </ div > 第二步：再把上面的代码删除到最简的样式如下代码片段所示中间内容根据自己的修改 < div class = " layui-form-item " > < label class = "

Angular4——7.表单处理

阅读更多关于 Angular4——7.表单处理

在Angular中存在两种表单处理方式：模版驱动式表单表单的数据模型是通过组件模版中的相关指令来定义的。由于使用这种方式定义表单的数据模型时，我们会受限于HTML的语法，所以，模版驱动方式只适用于一些简单的场景。响应式表单使用响应式表单时，通过编写TypeScript代码而不是Html代码来创建一个底层的数据模型，在定义好这个模型以后，使用一些特定的指令，将模版上的HTML元素与底层的数据模型连接在一起。 Angular表单API 不管是哪种表单，都有一个对应的数据模型来存储表单的数据。在模版式表单中，数据模型是由angular基于组件模版中的指令隐式创建的。而在响应式表单中，你通过编码明确的创建数据模型然后将模版上的html元素与底层的数据模型连接起来。数据模型并不是一个任意的对象，它是一个由angular/forms模块中的一些特定的类，如FormControl，FormGroup，FormArray等组成的。在模版式表单中，是不能直接访问这些类的。响应式表单并不会替你生成HTML，模版仍然需要你自己来编写。模版式表单使用模版式表单时，需要引入 FormsModule ，只能使用指令定义数据模型。这些指令都来自于 FormsModule 模块。 1234567 import {FormsModule} from '@angular/forms';

elementUI 表单验证：获取到input中的值(value)，显示undefined

阅读更多关于 elementUI 表单验证：获取到input中的值(value)，显示undefined

<el-form ref="dataForm" :rules="rules" :model="dataForm" label-width="100px"> <el-form-item label="年龄" prop="infoList.age"> <el-input v-model="dataForm.infoList.age" type="text" /> </el-form-item> </el-form> <script> export default { data() { const valiNonnegative = (rule, value, callback) => { // 非负数 const reg = /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/ if (!reg.test(value)) { callback(new Error('请输入非负数')) } else { callback() } }; return { dataForm: { infoList: { age:'' } }, rules: { 'infoList.age': { validator: valiNonnegative , trigger: 'blur' } } }; } 原本出错的地方如下：参考： vue-element Form表单验证踩坑

[JS]在新标签页中发送post请求

阅读更多关于 [JS]在新标签页中发送post请求

在新标签页中发送post请求 $ ( function ( ) { $ ( "#bt_Preview" ) . click ( function ( ) { $ ( '#form1' ) . removeAttr ( "target" ) ; var form = document . getElementById ( 'form1' ) ; form . action = "/地址" ; if ( verification ( $ ( "form" ) ) ) { var form = document . getElementById ( 'form1' ) ; form . action = "/地址" ; $ ( "#form1" ) . attr ( 'target' , '_blank' ) ; form . submit ( ) ; } } ) ; } ) 来源： CSDN 作者： hey_liar 链接： https://blog.csdn.net/hey_liar/article/details/103741332

了解HTML表单之form元素

阅读更多关于了解HTML表单之form元素

表单是网页与用户的交互工具，由一个元素作为容器构成，封装其他任何数量的表单控件，还有其他任何 <body> 元素里可用的标签表单能够包含 <input> 、 <menus> 、 <textarea> 、 <fieldset> 、 <legend> 、 <label> 等表单控件元素注意：表单里嵌套表单是不允许的 form元素 form元素有accept-charset、action、autocomplete、enctype、method、name、novalidate、target共8个属性，其中action和name属性为必需项表单名称 name属性规定表单名称，如果name=“test”，则Javascript可以使用document.forms.test来获取该表单 <form method="get" action="form.php" name="test"></form> <script> var oForm = document.forms.test; console.log(oForm.method);//get </script> 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）字符集 accept-charset

原生js实现用户登陆验证

阅读更多关于原生js实现用户登陆验证

目的：我们要想实现利用正则实现用户登陆验证，正确则跳转到个人主页，错误则提示输入错误我们会想到用form表单来实现页面的跳转，但使用form表单就无法利用正则来判断输入的数据的正错，无论输入对错，都会跳转到action的页面所以我们选择利用原生js来实现我们想要的效果首先我们需要获取输入框的值：我们还是用到了from表单👵 先给form加个name属性，再给input加个name属性 <form name="form"> <input type="text" maxlength="11" name="input1"> </form> 然后用js获取输入的值 var x=document.forms["form"]["input1"].value; 然后利用正则判断输入的数据是否正确，通过onclick来触发函数。 var input1=document.getElementById("input1"); var Pattern1=/^1[3|4|5|7|8]\d{9}$/; input2.onclick=function(){ jiansuo(); } function jiansuo(){ var x=document.forms["form"]["input1"].value; if(Pattern1.test(x)){ alert("您将进入个人主页")

订阅 form