html表单

Django ModelForm and Form

由 点点圈 提交于 2020-02-05 05:40:29
django表单系统中，所有的表单类都作为django.forms.Form的子类创建，包括ModelForm 关于django的表单系统，主要分两种 基于django.forms.Form 基于django.forms.ModelForm 表单API 表单有两种状态，绑定，未绑定 Form.is_bound() Form.is_valid() 验证表单数据是否合法，返回True或者False Form.errors 错误字典 Form.has_error(field,code=None) Form.initial 在表单未绑定的情况下，为表单字段设置初始值, >>> f=ContactForm(initial={'subject':'Hi there'}) Form.has_changed（） 检查表单数据是否变化 From.cleaned_data 表单通过验证后，可以使用cleaned_data属性来访问‘清洁’的数据 Form.as_p() 将表单渲染成< p >标签 From.as_ul() 将表单渲染成< ul >标签 From.as_table() 将表单渲染成< table > 标签 但是这些都得自己添加<table ></table>；< ul >< /ul >标签 设置表单必填行与错误行的样式 Form.error_css_class Form.required

HTML5之三--认识HTML5

由 别来无恙 提交于 2020-02-04 12:00:57
引言 在之前的HTML表单标签中，对于一些功能支持的不够好，比如：文本框提示信息（之前只能通过js和input的事件结合处理）、表单校验、日期选择控 件、颜色选择控件、范围控件、进度条、标签跨表单等功能。当然这些东西我们都可以直接通过js和dom元素配合实现这些通用的功能。这些功能或者是标签都 已经大量的使用在了现代的Web应用中，而这些公共性的东西在早期的HTML标准没有直接的标准支持，而在HTML5中，新标准直接把这些常用的基本的功 能直接加入的新的表单标签中，真正把表单功能异常的强大，那就跟我走一下HTML5智能表单之旅吧! 由于最新版本的Opera浏览器对新型表单支持的最为完美,所以建议本blog或者以下示例请在Opera浏览器上打开. HTML5新增加表单标签 新的标准中添加了很多输入型控件，比如：Number、URL、Email、Range、Color等。而他们都是以 input标签的type属性出场，那下面我一一简单介绍一下 。 [以下所有的例子请用Opera浏览器浏览] 1）只能输入数字的Number类型input标签 Html代码为:<input type="number" name="demoNumber" min="1" max="100" step="2"/> 运行效果: 注 :此标签其实就是普通的input标签,只不过是type类型指向了number

增强型表单标签

由 不想你离开。 提交于 2020-02-04 11:59:57
引言 在之前的HTML表单标签中，对于一些功能支持的不够好，比如：文本框提示信息（之前只能通过js和input的事件结合处理）、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能。当然这些东西我们都可以直接通过js和dom元素配合实现这些通用的功能。这些功能或者是标签都已经大量的使用在了现代的Web应用中，而这些公共性的东西在早期的HTML标准没有直接的标准支持，而在HTML5中，新标准直接把这些常用的基本的功能直接加入的新的表单标签中，真正把表单功能异常的强大，那就跟我走一下HTML5智能表单之旅吧! 由于最新版本的Opera浏览器对新型表单支持的最为完美,所以建议本blog或者以下示例请在Opera浏览器上打开. HTML5新增加表单标签 新的标准中添加了很多输入型控件，比如：Number、URL、Email、Range、Color等。而他们都是以 input标签的type属性出场，那下面我一一简单介绍一下 。 [以下所有的例子请用Opera浏览器浏览] 1）只能输入数字的Number类型input标签 Html代码为:<input type="number" name="demoNumber" min="1" max="100" step="2"/> 运行效果: 注 :此标签其实就是普通的input标签,只不过是type类型指向了number

Html5 学习系列（三）增强型表单标签

由 谁说我不能喝 提交于 2020-02-04 11:57:47
原文链接： http://www.cnblogs.com/fly_dragon/archive/2012/05/27/2519951.html 引言 在之前的HTML表单标签中，对于一些功能支持的不够好，比如：文本框提示信息（之前只能通过js和input的事件结合处理）、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能。当然这些东西我们都可以直接通过js和dom元素配合实现这些通用的功能。这些功能或者是标签都已经大量的使用在了现代的Web应用中，而这些公共性的东西在早期的HTML标准没有直接的标准支持，而在HTML5中，新标准直接把这些常用的基本的功能直接加入的新的表单标签中，真正把表单功能异常的强大，那就跟我走一下HTML5智能表单之旅吧! 由于最新版本的Opera浏览器对新型表单支持的最为完美,所以建议本blog或者以下示例请在Opera浏览器上打开. HTML5新增加表单标签 新的标准中添加了很多输入型控件，比如：Number、URL、Email、Range、Color等。而他们都是以 input标签的type属性出场，那下面我一一简单介绍一下 。 [以下所有的例子请用Opera浏览器浏览] 1）只能输入数字的Number类型input标签 Html代码为:<input type="number" name="demoNumber" min="1"

1.9、html表单

由 流过昼夜 提交于 2020-02-03 06:57:07
表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，实现一个特定功能的表单区域（比如：注册），首先应该用<form>标签来定义表单区域整体，在此标签中再使用不同的表单控件来实现不同类型的信息输入，具体实现及注释可参照以下伪代码： <!-- form定义一个表单区域,action属性定义表单数据提交的地址， method属性定义提交的方式。 --> <form action="http://www..." method="get"> <!-- label标签定义表单控件的文字标注，input类型为text定义了 一个单行文本输入框 --> <p> <label>姓名：</label><input type="text" name="username" /> </p> <!-- input类型为password定义了一个密码输入框 --> <p> <label>密码：</label><input type="password" name="password" /> </p> <!-- input类型为radio定义了单选框 --> <p> <label>性别：</label> <input type="radio" name="gender" value="0" /> 男 <input type="radio" name="gender" value="1" /> 女 </p>

js 上传文件模拟Form 表单

由 ￡可爱￡侵袭症＋ 提交于 2020-02-02 14:35:21
使用FormData对象 在本文章中 创建一个FormData对象 使用HTML表单来初始化一个FormData对象 使用FormData对象发送文件 利用 FormData 对象,你可以使用一系列的键值对来模拟一个完整的表单,然后使用 XMLHttpRequest 发送这个"表单". 创建一个FormData对象 你可以先创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段,如下: var oMyForm = new FormData(); oMyForm.append("username", "Groucho"); oMyForm.append("accountnum", 123456); // 数字123456被立即转换成字符串"123456" // fileInputElement中已经包含了用户所选择的文件 oMyForm.append("userfile", fileInputElement.files[0]); var oFileBody = '<a id="a"><b id="b">hey!</b></a>'; // Blob对象包含的文件内容 var oBlob = new Blob([oFileBody], { type: "text/xml"}); oMyForm.append("webmasterfile", oBlob)

HTML form表单

由 送分小仙女□ 提交于 2020-02-02 03:38:59
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单学习</title> </head> <body> <form method="get" action="lesson_0131.html"> <p> <!--label标签进行关联，输入或者选择时点击label文本即可点击到对应的输入框或者对应的选择--> <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>

表单绑定的基本用法

由 懵懂的女人 提交于 2020-02-01 23:57:45
下面的代码实现的有：单行文本、多行文本、复选框（checkbox）、单选按钮（radio）、选择框（selected） 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="vue.js" type="text/javascript" charset="utf-8"></script> 7 </head> 8 <body> 9 <div id="app"> 10 <input v-model="message" placeholder="edit me"> 11 <p>Message : {{message}}</p> 12 13 <textarea v-model="message2"placeholder="multiple lines"> 14 </textarea> 15 <p>Message2 : {{message2}}</p> 16 17 <!-- 多个复选框，绑定到同一个数组 --> 18 <input type="checkbox" id="jack" value="Jack" v-model="checkName"> 19 <label for="jack">Jack</label> 20 <input type=

2.1学习报告

由 微笑、不失礼 提交于 2020-02-01 21:01:29
今天我主要是在b站看了个java教学视频 “ 黑马 Java（二） html+css+jQuery+Bootstrap” 在本视频中回顾了一下html中的表单的使用方法，比如表单合并嵌套，以及表单的标签属性之类的。 简单了解了一下css美化图片，以及首页优化，比如排版，logo，和页面超链接图片的排版分布。 最主要的是看了js实现图片的轮动播放 首先要有一个确定事件 onload（家在完成事件），其次出发时间init（），在函数里面要开启定时器changeImg（）实现图片切换。 但是今天我没有实际上机去进行这个实验，准备明天实现这个操作。 来源： https://www.cnblogs.com/dwx8845/p/12250017.html

了解HTML表单之form元素

由 天涯浪子 提交于 2020-02-01 02:59:21
表单是网页与用户的交互工具，由一个元素作为容器构成，封装其他任何数量的表单控件，还有其他任何 <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
订阅 html表单