HTML
陈田田
专注前端
展开
-
设置textarea不可拖动
默认情况下,我们将鼠标移动到textarea的右下角时发现文本域是可以通过拖动的方式改变其大小的,这会影响我们原本的页面布局。 若想设置其不可拖动,可为其添加如下属性:<textarea style="resize:none;"></textarea>原创 2016-11-07 17:45:45 · 31945 阅读 · 2 评论 -
将多个参数拼接到一起,传递给后台
在与后台交互的过程中,会遇到需要将同一类的多个参数传递给后台的情况。这个时候的解决方法是将这些同类的参数拼接为一个参数,传递给后台。代码如下:<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script></head>原创 2017-03-20 11:49:12 · 4684 阅读 · 0 评论 -
动态给select赋值
当点击页面中的一些元素,会改变select的值,这样的情况比较多见。代码如下:<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <style type="text/css"> sele原创 2017-03-20 11:27:02 · 8268 阅读 · 2 评论 -
清除浮动常用方法
为什么要清除浮动 浮动会使当前标签产生向上浮的效果,导致不同浏览器在计算父级元素高度,或者显示前后标签位置的时候产生意想不到的问题。清除浮动的方法为父元素定义height设置父元素浮动,同时为其设置高度在浮动元素的后面添加一个空的div标签,并为新添加的标签设置clear:both在浮动元素的后面添加一个空的br标签,并为新添加的标签设置clear:both为父元素设置overflow:原创 2017-01-20 12:47:31 · 546 阅读 · 0 评论 -
鼠标划上之cursor
用户在使用浏览器查看页面时,许多鼠标划上的操作可以提升用户体验度。 比如在默认的文字上显示的是光标,在可点击的链接处显示的是手型,可以说这两种使我们最为常用的显示方式。但除了这些之外,还有许多的鼠标划上显示方式,如下如: 对应于cursor可以使用的值都在上面的表格中,这里是一段示例代码,大家可以复制感受一下。<!DOCTYPE html><html><head> <title>c原创 2017-01-18 19:00:16 · 482 阅读 · 0 评论 -
button按钮
button按钮的type属性有: ①type=“button” ②type=“submit” ③type=“reset”对应的每一种的作用分别为: ①type=“button”,表示为一个普通的按钮 ②type=“submit”,表示提交,作用是提交其所关联的表单 ③type=“reset”,表示重置,作用是将其所关联的表单中的输入值重置。引申: button和input type=原创 2017-01-18 18:48:56 · 621 阅读 · 0 评论 -
如果用户没上传头像,则为其设置默认用户头像
在很多情况下,我们需要读取用户的信息,然后显示出来。最常见的就是关于用户头像的问题。如果用户在注册或者完善资料的过程中,上传了头像,那么我们前端在展示页面的时候后台会将存储在数据库中的用户头像的地址返回给我们进行展示。但是如果用户没有设置自己的头像,这时候后台就会给我们传过来空。需要我们做个判断。但究竟是判断为空、为null、还是为undefined,tity做了很多尝试,发现最为靠谱的还是判断后台原创 2016-11-24 17:56:03 · 13894 阅读 · 0 评论 -
使用HTML5实现本地数据存储(一)
从大方向上来分,HTML5提供两种本地数据存储的功能: ①Web Storage:在客户端以key-value的形式保存数据; ②Web SQL Database:可以使用户在客户端使用关系数据库。今天tity先带大家了解Web Storage。 Web Storage这种以key-value形式保存数据的功能,可以允许用户保存在应用程序上的各种设置。它类似于HTML4中的Cookie功能,但原创 2016-11-29 18:45:17 · 1681 阅读 · 0 评论 -
关于使用HTML或JS实现页面重定向的方法
所谓页面重定向就是在用户打开某个页面的时候,我们期望页面跳转到另一个指定的页面。在前端实现的过程中,可以通过HTML方式来实现,也可以通过JS方式来实现。HTML方式: 通过meta标签来实现。 示例代码:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta http-equiv="refr原创 2016-11-29 11:15:34 · 19890 阅读 · 0 评论 -
JS实现打开链接的功能
1.超链接Welcome等效于js代码window.location.href=”http://www.jb51.net”; //在同当前窗口中打开窗口2.超链接Welcome等效于js代码window.open(“http://www.jb51.net“); //在另外新建窗口中打开窗口原创 2017-04-01 12:35:40 · 21527 阅读 · 1 评论