form表单提交 | 易学教程

html 基础篇

阅读更多关于 html 基础篇

HTML 概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎) html 基本组成部分 <!DOCTYPE html> 声明浏览器显示规则 <html> 说明这个是一个网页。告诉浏览器这个网页的开始和结束。他包含了之后的两个元素。<head>和</head>|<body>和</body> <head> 是元信息和网站的标题元信息一般是不显示出来的,但是记录了你这个HTML文件的很多有用的信息 </head> <body> 是浏览器呈现出来的，用户看到的页面效果。也就是说这里是网页的主体。也就是body的身体之意 </body> </html> html文档类型 DOCTYPE 标签 -- 定义了标准文档的类型 DOCTYPE标签是单独出现的说明：文档类型，会使浏览器使用相应标准加载网页并显示文档类型定义在HTML文档的第一行，在html标签之前文档不定义DOCTYPE，浏览器将无法获知HTML或XHTML文档的类型，因此会进入混乱模式，详见：浏览器模式引用网址：http://www.dreamdu.com

Python自学第十四周（1）

阅读更多关于 Python自学第十四周（1）

Day14 首先了解一下socket与浏览器 1 #Author： Zachary 2 import socket 3 4 def handle_request(client): 5 buf = client.recv(1024) 6 client.send(bytes("HTTP/1.1 200 OK\r\n\r\n",encoding = "utf-8")) 7 client.send(bytes("Hello, Seven",encoding = "utf-8")) 8 9 def main(): 10 sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) 11 sock.bind(('localhost', 8000)) 12 sock.listen(5) 13 while True: 14 connection, address = sock.accept() 15 handle_request(connection) 16 connection.close() 17 18 if __name__ == '__main__': 19 main() 运行之后，在浏览器中输入localhost:8000 返回以下页面 HTML入门编写Html文件 -doctype对应关系 -html标签，标签内部可以写属性

SPA项目开发之CRUD+表单验证

阅读更多关于 SPA项目开发之CRUD+表单验证

表单验证　　 Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，　　并将Form-Item的prop属性设置为需校验的字段名即可 <el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" 有多个表单，怎么在提交进行区分？我们在 rules 这里写了对表单的验证规则，但是我们如何在 methods 里进行指定的表单进行认证，所以我们一开始就在 el-form 里写了 ref="ruleForm" ，我们在 methods 里就可以用清空表单验证信息 this.$refs[formName].resetFields(); CUD Articles.vue： <template> <div> <el-form :inline="true" :model="formInline" class="user-search"> <el-form-item label="搜索:"> <el-input size="small" v-model="formInline.title" placeholder="输入文章标题"></el-input> </el-form-item> <el-form-item> <el

SPA项目开发之CRUD+表单验证

阅读更多关于 SPA项目开发之CRUD+表单验证

表单验证 Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验的字段名即可 <el-form label-width="120px" :model="editForm" :rules="rules" ref="editForm"> <el-form-item label="文章标题" prop="title"> <el-input size="small" v-model="editForm.title" auto-complete="off" placeholder="请输入文章标题"></el-input> </el-form-item> <el-form-item label="文章内容" prop="body"> <el-input size="small" v-model="editForm.body" auto-complete="off" placeholder="请输入文章内容"></el-input> </el-form-item> </el-form> 今天就写了一个并不是很难的正则可以去element官网查看更多（ https://element.eleme.cn/#/zh-CN/component/form ） rules: { title: [{ required: true

SPA项目开发之CRUD+表单验证

阅读更多关于 SPA项目开发之CRUD+表单验证

1. 表单验证　　Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，　　并将Form-Item的prop属性设置为需校验的字段名即可 <el-form-item label="活动名称" prop="name"> 　<el-form :model="ruleForm" :rules="rules" ref="ruleForm" 　　注1：有多个表单，怎么在提交进行区分？　　我们在rules这里写了对表单的验证规则，但是我们如何在methods里进行指定的表单进行认证，　　所以我们一开始就在el-form里写了 ref="ruleForm"，我们在methods里就可以用　　注2：清空表单验证信息　　this.$refs[formName].resetFields(); Articles.vue <template> <div>  <el-form :inline="true" :model="formInline" class="user-search"> <el-form-item label="搜索:"> <el-input size="small" v-model="formInline.title" placeholder="输入文章标题"></el-input> </el-form-item> <el

SPA项目开发之CRUD+表单验证

阅读更多关于 SPA项目开发之CRUD+表单验证

表单验证 Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验的字段名即可 <el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"　　代码： <template> <div> <el-form :inline="true" :model="formInline" class="user-search"> <el-form-item label="搜索:"> <el-input size="small" v-model="formInline.title" placeholder="输入文章标题"></el-input> </el-form-item> <el-form-item> <el-button size="small" type="primary" icon="el-icon-search" @click="search">搜索</el-button> <el-button size="small" type="primary" icon="el-icon-plus" @click="add()">添加</el-button> </el-form-item>

实战jQuery和PHP CodeIgniter表单验证

阅读更多关于实战jQuery和PHP CodeIgniter表单验证

前言　　在Web建站中，表单的合法性验证是十分重要的一个环节，其中包括客户端浏览器的Javascript的验证和服务端的验证。在本文中将指导读者使用jQuery中的validate验证框架实现浏览器端的验证代码编写工作，validate框架是一个十分简单实用的验证框架，能大大提高客户端验证代码的的编写工作，同时，本文使用的是php中十分流行的CodeIgniter框架进行服务端的验证编写工作。本文阅读对象为对jQuery及对PHP CodeIgniter框架有一定认识的读者。　　准备工作　　我们必须下载CodeIgniter及jQuery，版本如下：　　1.CodeIgniter　2.0.2(下载地址： http://codeigniter.com/downloads/ ) 　　2.jQuery 1.6.1 (下载地址： http://code.jquery.com/jquery-1.6.1.min.js ) 　　3.jQuery validate框架，(下载地址： http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ) 　　设置CodeIgniter 　　我们需要自动加载url并且需要使用CodeIgniter中的form表单助手类，所以我们在应用的autoload.php中的第67行添加如下代码：

HTML标签天天练7--表单1<form>[text][password][radio]

阅读更多关于 HTML标签天天练7--表单1[text][password][radio]

别小看了这一个标签，里面包含着丰富的内容，是为了让浏览者能输入用户名及更多信息而定义的! 从这篇文章起，将分几次讲述 form 里面的各种标签及属性，让大家一目了然： <form>意为表单，让用户输入单据里的项目信息，以便于提交给网站。如 (复制到DW尝试) ： < html > < body > < form > 用户： < input type ="text" name ="user" > < br /> 密码： < input type ="password" name ="password" > </ form > < p > type代表文本类型，当在密码框中输入字符时，浏览器会用项目符号来代替字符! </ p > </ body > </ html > ——另一种用法就是 [单选框] 。如以下代码(复制到DW尝试)： < html > < body > < p > 性别： </ p > < form > 男性： < input type ="radio" checked ="checked" name ="Sex" value ="male" /> < br /> 女性： < input type ="radio" name ="Sex" value ="female" /> </ form > < p > 点击某个单选按钮时，会被选中状态，而其他按钮变为非选中状态!

vue+element 表单验证

阅读更多关于 vue+element 表单验证

效果图 <template> <div class="formValidator"> <div v-for="(item,index) in dataList" :key="index"> <el-form :model="dataList[index]" :rules="rules" ref="ruleForm" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="dataList[index].name"></el-input> </el-form-item> <el-form-item label="活动形式" prop="desc"> <el-input v-model="dataList[index].desc"></el-input> </el-form-item> <el-form-item label="手机号码" v-for="(phoneItem,phoneIndex) in dataList[index].phoneNumbers" :key="phoneIndex" :rules="[{ required: true, validator: phoneNumberValidator, trigger: ['blur','change'] }]"

ExtJs中的Form表单基础篇

阅读更多关于 ExtJs中的Form表单基础篇

在软件开发中,通过Form表单向后台提交数据是一种很常见的行为.在使用ExtJs这种富客户端时,跟平时的html开发有一定的区别. 一般的jsp和struts2的开发为:  <form action='UserAction_save.action' method='post'> 姓名: <input type='text' name='name'/> 年龄: <input type='text' name='age'/> <input type='submit' value='提交'> </form> 而在Ext中则不同; 先做个简单的例子!  Ext.onready(function(){ //创建放表单的容器window var win = Ext.create('Ext.window.Window',{ title : '注册用户', width : 600, height :500, layout : 'fit', bodyPadding : 10, store : store, items :[ { xtype : 'form', layout : 'fit', defaultfield :{ type : 'textfield' //默认表单类型为文本框 }, url : '', items : [

订阅 form表单提交