placeholder="账号

html5 <input> placeholder 属性

带有 placeholder 文本的搜索字段: <form action="demo_form.asp" method="get"> <input type="search" name="user_search" placeholder="账号" /> <input type="submit" /> </form> 结果:

IE下支持文本框和密码框placeholder效果的JQuery插件

基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框.placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失. 实现代码如下: (function($) { /** * 没有开花的树 * 2012/11/28 15:12 */ var placeholderfriend = { focus: function(s) { s =

手把手教你写一个RN小程序!

时间过得真快,眨眼已经快3年了! 1.我的第一个App 还记得我14年初写的第一个iOS小程序,当时是给别人写的一个单机的相册,也是我开发的第一个完整的app,虽然功能挺少,但是耐不住心中的激动啊,现在我开始学react native,那么现在对于react native也算是有所了解了,就用网上的接口开发一个小程序,现在带大家来写这个程序!接口是用看知乎的API,简简单单的只有get,可以从这里入门,也算是带大家入门吧,过后我会把源代码放在我的github上,前期项目肯定特别简陋,后面慢慢来优

Xamarin.ios 基本控件

.按钮 UIButton UIButton btn = new UIButton(); btn.Frame = ,,,); //按钮位置一件宽高 btn.SetTitle("Button",UIControlState.Normal); //显示的文字 btn.SetTitleColor(UIColor.Black,UIControlState.Normal);//文字的颜色 btn.TouchUpInside += this.SetBackGroudColor; //按钮触摸事件

ZK 样式使用

控件: <textbox id="usernameTb" sclass="login-user-input" placeholder="账号"/> css定义: .login-user-input{ position:absolute;left:545px;top:160px; height:40px;font-size:20px;padding:8px; padding-left:44px; } 注:若有多个textbox想引用该c

实现bootstrap布局的input输入框中的图标点击功能

使用bootstrap布局可以在input的输入框中添加譬如登录名输入框中的一键清除图标和密码输入框中显示密码的小眼睛图标.如下图: 但是在将图标放入input输入框中,这些小图标是无法获得点击事件的: 那么问题来了,怎样让这些小图标能够获得点击事件呢? 我也不知道,但是可以用一种迂回的方式,来间接的实现该功能. 重点来了: 在小图标的位置上,添加一个看不见的元素,元素的大小正好将小图标覆盖,但是没有背景颜色和边框:相当于给小图标盖了一个透明的被子: <div class="input-g

html5，表单的综合案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单综合练习</title> <style type="text/css"> form{width: 400px;background: #f7f7f7;padding: 10px;margin-top

b/s结构的物业管理系统（一）-------登录篇

最近计划做一个非框架的物业管理系统前端使用bootstrap js jquery 等希望各位指点一下共同学习 ---前端登录页面------ 这个页面的输入框组用的bootstrap的,我设置了几张背景轮询切换(js控制). div背景设置了透明(background: rgba(255,255,255, 0.2)) bootstrap输入框组是全部放入div中的,我用css设置的width,height,用js获取到用户屏幕的宽和高.其中有一种获取到的高度是除去任务栏以后的高度 (其实我非常喜

实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI

系列文章实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能实战使用Axure设计App,使用WebStorm开发(6) –

form表单

<form> <input type="text" value="123"> 文本输入框,value值为显示在文本框中的默认值,可做修改 <input type="password" value="123"> 密码输入框, value值为显示在密码框中*的默认值,可做修改 <textarea cols="" rows="">&l

关于sifari兼容性的一个问题

输入框一个很基础的控件结果出现了兼容性问题在chrome ie android上页面正常结果在Safari和IOS系统里面输入框无法输入, 点击后边框有高亮效果但是无法输入文本,问题代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &l

晒自己做的一个管理系统（清新风格）EasyUI

最近项目结束了,现在也要自己总结一下自己的成果了,总结会加深自己对项目的印象的.这里我就先晒一些作品图片了,希望大家看了会赞美一个! 项目虽然结束了,但是接下来的这个项目可就不是我一个人可以搞定的了,太多的未知数(X)伴随着我们IT男! 首先是登录界面—登录界面我一直比较喜欢的风格就是简单,大气,没有太多的信息展示,毕竟是一个管理系统,不是前台网站当初设计这个界面的时候也是想了很久的,当然这个页面可以有很多的背景图片风格的.你可以任意的单配图片!个人比较喜欢冷色调的这就是登录界面的代码了!

模仿QQ空间网页设计

目的:1.通过模仿QQ空间,全自主写代码,熟悉网页设计的流程 2.熟练的掌握HTML.CSS.JS的应用 3.将在此过程中遇到的问题及其解决方法记录在此,以便取用. 开始: 一.登陆界面(index.aspx + login.aspx) 1.背景填充整个浏览器界面: width,height: 使div充满整个浏览器界面: position:定位图片从左上角开始: background-size: cover: 在锁定图片纵横比的情况下,将图片放大到最小大小,并且能覆盖背景区域: back

iOS:UIAlertController和UIAlertAction的详解

提示框控制器:UIAlertController 提示框按钮:UIAlertAction 功能:用来提示信息,并给出一些可以进行选择的按钮来处理相应的要求. 注意:在Xcode的iOS8 SDK中,UIAlertView和UIActionSheet都被UIAlertController取代.官方库解释: “UIAlertView is deprecated. Use UIAlertController with a preferredStyle of UIAlertControllerS

[ionic开源项目教程] - 第15讲 ionic用户个人中心登录注册的实现

第15讲 ionic用户个人中心登录注册的实现这一讲包括登陆.注册.个人中心.个人资料页面的实现. 在一讲的改动有四个地方: 在config.js里配置接口地址完善个人中心的服务层(service) 完善个人中心的控制器部分(controller) 完善个人中心的视图部分(view) 登陆注册的视图部分(view) [效果图] 1.在config.js里配置接口地址 var settings = { client_id: '122440', client_secret: '576ec4d35

SpringMVC + Spring + MyBatis 学习笔记：在类和方法上都使用RequestMapping如何访问

系统:WIN8.1 数据库:Oracle 11GR2 开发工具:MyEclipse 8.6 框架:Spring3.2.9.SpringMVC3.2.9.MyBatis3.2.8 先看代码: @RequestMapping(value="manager") @Controller("managerController") public class ManagerController { /** * 后台用户登录 * @param request * @param em

31、三层架构、AJAX+FormsAuthentication实现登陆

三层架构前段时间公司要求修改一个网站,打开后我疯了,一层没有都是调用的DB接口,遍地的SQL语句,非常杂乱. 什么是三层架构? 三层架构是将整个项目划分为三个层次:表现层.业务逻辑层.数据访问层.目的为了高内聚低耦合思想. 三层结构表现层(UI):接受用户请求,数据的返回呈现. 业务逻辑层(BLL ):用来处理业务逻辑,处理用户提交的数据. 数据访问层(DAL):用来与数据库进行交互,处理增.删.改.差. 实体类对象(Model):用来存储实体类. 三层关系 UI表现层:接收用户输入的数据,

php 弹窗插件

index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

vue2.0+element+node+webpack搭建的一个简单的后台管理界面

闲聊: 今天是六一儿童节哟,小颖祝大家节日快乐哈哈哈.其实这个demo小颖断断续续做了将近两个礼拜了,心塞的,其实这个也没有多难,主要是小颖有点最近事情有点多,所以就把这个一直拖着,今天好不容易做好了嘻嘻.我们一起来看看效果图吧: 相关技术: 1.vue2.0 2.webpack 3.element 4.vue-router vue2.0环境搭建: 1.检查本地是否安装node:node -v 如果没有安装从node官网上下载相应的node,安装成功即可. 2.检查本地npm版本:npm -v,

15.vue使用element-ui的el-input监听不了回车事件

问题描述: 使用vue.js 2.0发现,el-input的绑定回车事件用不了原因: el-input封了一层,直接@keyup.enter是用不了的例如: <el-input type="text" v-model="ruleForm2.account" placeholder="账号" @keyup.enter="handleSubmit2"></el-input> 是不起作用的应该改成这样,

巴特西