form

抽屉新热榜

坚强是说给别人听的谎言 提交于 2020-03-20 03:43:53
1.实现与抽屉新热榜一样的布局 2.允许点赞、评论 3.开发登录、注册页面 4.开发发贴功能 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- 以最高的ie 浏览器 渲染 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 视口的设备 移动设备优先 支持移动端 在多个设备上适应 pc iphone 安卓 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <title>抽屉新热榜-聚合每日热门、搞笑、有趣资讯</title> <!-- Bootstrap 必须引入bootstrap --> <!--<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">--> <link rel="stylesheet" href="./bootstrap-3.3.7/css/bootstrap.min.css

h5-13

别等时光非礼了梦想. 提交于 2020-03-19 08:21:14
1、HTML5新增标签 HTML5代码 <!-- 整个文档的头部或者某个区块的头部 通常可以用来包含logo 搜索框 标题--> <header>这里是头部区</header> <!--整个文档的底部或者某个区块的底部 如包含友情链接、版权等 --> <footer>这里是页脚区</footer> <!--导航(链接组) 如:主导航、页内导航、分页--> <nav> <a>首页</a> <a>关于我们</a> <a>联系我们</a> </nav> <!-- 独立完整的内容 如:文章(博文) 一条完整的评论、回复--> <article>这里是一个有完整含义的内容区</article> <!-- 文档中的区块、节 如:章节 通常包含一个标题 标签 --> <section> <h2>标题一</h2> <p>内容区域</p> </section> <section> <h2>标题二</h2> <p>内容区域</p> </section> <!--侧边栏 与文档或某个区块相关的附属信息 --> <aside>这里是侧边栏</aside> <!-- 可以为标题或者子标题进行分组,通常与h1-h6组合使用 --> <hgroup> <h1>主标题</h1> <h2>副标题</h2> </hgroup> <!-- 被主体内容所引用的相对独立完整的内容 例:文章页引用的图片、图表、代码块 -->

django modelform模块

末鹿安然 提交于 2020-03-18 17:57:20
一、modelform的用处 ModelForm可以将Model与Form进行绑定,Form有自动生成表单的作用,但是每一个forms字段需要自己手动填写,而Model就是数据库表包含了所有的数据字段。所以ModelForm有着以下功能: Form所有的功能。 将Model字段自动转换成forms字段。 二、在界面上展示input标签。 1、新建forms.py文件,并键入以下代码: from django import forms from .models import Question, Choice class ChoiceForm(forms.ModelForm): choice_text = forms.CharField( label="你的答案", # 自定义在前端显示的名字 max_length=200, # 指定输入长度 help_text='最大长度为200', # 提示帮助信息 widget=forms.TextInput( # 指定输入类型 attrs={ 'placeholder': "请说出你的答案", # 自定义input的属性 "class": 'form-control' } ) ) class Meta: model = Choice # model类 fields = ['choice_text'] # 字段名,如果是__all__

JavaScript验证函数大全

北战南征 提交于 2020-03-18 14:04:35
1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } </script> <form name=a onsubmit="return test()"> <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea> <input type="submit" name="Submit" value="check"> </form> 2. 只能是汉字 <input onkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')"> 3." 只能是英文 <script language=javascript> function onlyEng() { if(!(event.keyCode>=65&&event.keyCode<=90)) event.returnvalue=false; } </script> <input onkeydown="onlyEng();"> 4. 只能是数字 <script language=javascript> function

Python.Requests库的基本使用

≯℡__Kan透↙ 提交于 2020-03-18 04:36:31
Requests安装 使用pip安装命令: pip install requests 打开cmd,输入python然后导入requests如果安装成功没有任何提示 如果提示如下则说明安装失败 ImportError: No module named 'requests' Requests 基础应用 发送不同类型HTTP请求 requests库内置了不同的方法来发送不同类型的http请求,用法如下所示: import requests base_url = "http://httpbin.org" # 发生GET类型请求 r_get = requests.get(base_url + "/get") print(r_get.status_code) # 发生POST类型请求 r_post = requests.post(base_url + "/post") print(r_post.status_code) # 发生PUT类型请求 r_put = requests.put(base_url + "/put") print(r_put.status_code) # 发生DELETE类型请求 r_delete = requests.delete(base_url + "/delete") print(r_delete.status_code) 执行结果,200是状态码表示发送请求成功

HTML DOM setTimeout() 方法

馋奶兔 提交于 2020-03-18 04:22:32
转自:http://www.w3school.com.cn/jsref/met_win_settimeout.asp 1.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 1 <html> 2 <head> 3 <script type="text/javascript"> 4 function timedMsg() 5 { 6 var t=setTimeout("alert('5 seconds!')",5000) 7 } 8 </script> 9 </head> 10 11 <body> 12 <form> 13 <input type="button" value="显示计时的消息框!" onClick = "timedMsg()"> 14 </form> 15 <p>点击上面的按钮。5 秒后会显示一个消息框。</p> 16 </body> 17 18 </html> 来源: https://www.cnblogs.com/sharpest/p/6145256.html

jquery学习笔记

断了今生、忘了曾经 提交于 2020-03-18 01:48:15
偶尔翻出以前学习jquery框架做的一些笔记,大体是当时觉得有必要留心的一些东西,怕一不留心删了又错过了,就贴在这里,做个纪念。 1、冒号(:)表示过滤,空格表示所有下级,(>)表示下一级(只一级),(+)表示紧接一个元素,(~)表示同辈,中括号[]表示属性过滤,(,)逗号表示将每一个选择器匹配到的元素合并后一起返回 2、注意css和attr的区别,css是样式,attr是属性。例如:图片的src、alt都是属性,但非样式。 3、若名称是由两个单词合并的第二个单词的首字母大写。例如:nextAll/wrapInner/prevUntil/andSelf等。 4 、$("button").click();错误,button是input里面的一个属性,可以这样选择input里type属性为button的元素--$("input[type='button']").click(); 5、查找特殊字符的元素,要用// 例如$("#id//-hou") -- <p id="id-hou"></p> 6、如果属性名包含 "-"的话,必须使用引号 7、$("input[name='newsletter']").attr("checked", true);添加属性,checked--true不是(checked,checked) 8、$("input[id][name$='man']") 复合条件

用Yeoman构建AngularJS项目

一世执手 提交于 2020-03-17 11:59:12
转至https://yq.aliyun.com/articles/25578 Yeoman 介绍 Yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过 Grunt(一个用于开发任务自动化的命令行工具)和 Bower(一个HTML、CSS、Javascript 和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。 Yeoman 的目的不仅是要为新项目建立工作流,同时还是为了解决前端开发所面临的诸多严重问题,例如零散的依赖关系。 Yeoman 主要有三部分组成: yo (脚手架工具)、 grunt (构建工具)、 bower (包管理器)。这三个工具是分别独立开发的,但是需要配合使用,来实现我们高效的工作流模式。 Yo 搭建新应用的脚手架,编写你的 Grunt 配置并且安装你有可能在构建中需要的相关的 Grunt 任务。 Grunt 被用来构建,预览以及测试你的项目,感谢来自那些由 Yeoman 团队和 runt-contrib 所管理的任务的帮助。 Bower 被用来进行依赖管理,所以你不再需要手动的下载和管理你的脚本了。 下面这幅图很形象的表明了他们三者之间的协作关系。 Yeoman 特性: 快速创建骨架应用程序 。使用可自定义的模板(例如:HTML5、Boilerplate、Twitter Bootstrap 等)、AMD(通过

第2章 HTML与CSS网页开发基础

泪湿孤枕 提交于 2020-03-17 11:26:48
第 2章 HTML与CSS网页开发基础 知识点: (1) 掌握 HTML 文档的基本结构 (2) 运用 HTML 的各种常用标记 (3) 了解 HTML 5 新增部分的内容 (4) 使用 CSS 样式表控制页面 (5) 了解 CSS 3 的新特征 本章概述: HTML 是一种在互联网上常见的网页制作标记性语言 。严格地说, HTML 并不能算作是一种程序设计语言,因为它缺少了程序设计语言所应有的特征。 HTML 是通过浏览器的翻译,将网页中的内容呈现给用户的。对于网站设计人员来说,只使用 HTML 是不够的,还需要在页面中引入 CSS ( 层叠样式表( Cascading Style Sheets ) )样式。 HTML 与 CSS 的关系是“内容”与“形式”的关系,由 HTML 来确定网页的内容,由 CSS 来实现页面的表现形式。 HTML 与 CSS 的完美搭配,可使页面更加美观 、大方,且容易维护。 2.1 HTML 标记语言 相信所有读者都有上网冲浪的习惯。在浏览器的地址栏中输入一个网址,就会查阅到相应的网页内容。在网页中包含很多内容,如文字 、图片、动画,以及声音和视频等。网页的最终目的是为访问者提供有价值的信息。提到网页设计,不得不提到 HTML标记语言,HTML的全称是Hypertext( 超文本(含有指向其它文本文件链接的文本) ) Markup Language

Web前端基础——jQuery(二)

一个人想着一个人 提交于 2020-03-17 04:41:50
一、jQuery 中的常用函数 1) $.map(Array,fn); 对数组中的每个元素,都用fn进行处理,fn将处理后的结果返回,最后得到一个数组 //因为这些操作,没有与dom元素相关的,所以可以不用写在 $(function(){...}); 中 var arr=[1,3,5,7,9]; arr=$.map(arr,function(item){ return item*10; }); alert(arr); [10,30,50,70,90]; //上例是将数组中的每个元素乘10,然后返回新的数组 2) $.each(Array,fn); 对数组中的每个元素,调用fn这个函数进行处理,但是,没有返回值,比上例更常用 //例一 var nameList=["哈利波特","伏地魔","小恶魔","本田","尼桑"]; $.each(nameList,function(key,value){ //对于上面的数组来说,key就是索引,value就是元素值 alert(key+":"+value); }); //例二 var nameList={"aa":"哈利波特","bb":"伏地魔","cc":"小恶魔","dd":"本田","ee":"尼桑"}; $.each(nameList,function(key,value){ alert(key+":"+value); }); /