<div class="cell">
<input type="text" name="Username" id="js-mobile_ipt" value="请输入用户名" class="text" maxlength="20"
οnfοcus="if (value =='请输入用户名'){value ='';this.className='text'}"
οnblur="if (value ==''){value='请输入用户名';this.className='text'}" />
</div>
<div class="cell">
<input type="text" name="Password" id="js-mobile_pwd_ipt" value="请输入密码" class="text"
οnfοcus="if(this.value==defaultValue) {this.value='';this.type='password';this.className='text'}"
οnblur="if(!value) {value=defaultValue; this.type='text';this.className='text'}" />
</div>
<div class="cell vcode">
<input type="text" name="Code" id="js_vcode_ipt" class="text" maxlength="5" value="输入验证码"
οnfοcus="if (value =='输入验证码'){value ='';this.className='text'}"
οnblur="if (value ==''){value='输入验证码';this.className='text'}" />
<div id="code" class="code" οnclick="createCode()"></div>
<span> <a id="js-mail_vcode_a" href="javascript:;" οnclick="createCode()"> 换一张</a> </span>
</div>

转载于:https://www.cnblogs.com/yzyqqhr/p/5721932.html

关于表单元素input的美化相关推荐

  1. jsp文字上下居中显示_表单元素input、按钮、文字完美垂直居中对齐方法

    本文最终总结出来办法就是要对齐的表单内容(含文字.图片.表单各种元素.label)字体设置为Tahoma,则可以完美的实现对齐(Verdana等字体也可以),其中个别的input元素如radio的pa ...

  2. CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child)

    目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...

  3. 表单元素input type=”hidden”的作用

    隐藏域在页面中对于用户是不可见的,在表单插入中隐藏域的目的在于收集和发送信息,以利于被处理表单的程序所使用 注:隐藏只是在网页页面上不显示输入框,但是虽然隐藏了,还是具有form传值功能.一般用来传值 ...

  4. HTML进阶(3)- 表单元素

    本系列笔记是基于[渡一教育]袁进老师的html+css基础课程而记录,仅作为个人记录以及阅读使用. 文章目录 表单元素 input元素 select元素 textarea元素 按钮元素 表单状态 配合 ...

  5. form表单之input标签

    表单标签<form> 表单用于向服务器传输数据. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldse ...

  6. HTML——表单及表单元素

    HTML 表单 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入内容,比如:文本域(textarea).下拉列表(select).单选框(radio-buttons).复选框(check ...

  7. 【攻破html系列——第六天】表单元素

    文章目录 1. 表单 1.1 作用 1.2 组成 1.3 表单域 1.4 表单元素 <**input**> 1.4.1 作用 1.4.2 语法 1.4.3 type属性 1.4.4 typ ...

  8. selenium的常见表单元素操作

    selenium的表单相关操作 selenium是浏览器自动化测试框架,是一个用于Web应用程序测试的工具,可以直接运行在浏览器当中,并可以驱动浏览器执行指定的动作,如点击.下拉.填充数据.删除coo ...

  9. HTML表单input类型有哪些,HTML表单之input元素的23种type类型

    摘自:http://www.cnblogs.com/xiaohuochai/p/5179909.html 了解HTML表单之input元素的23种type类型 随着HTML5的出现,input元素新增 ...

最新文章

  1. Python 是一门动态的、强类型语言
  2. clickhouse原理解析与开发实战 pdf_重识SSM,“超高频面试点+源码解析+实战PDF”,一次性干掉全拿走...
  3. JS 基础 —— JavaScript 关键字(keyword)与保留字
  4. 【转载保存】hadoop学习之wordcount运行错误处理
  5. Udp通讯(零基础)
  6. 各个页面样子的实现与演示
  7. 基于WebSocketSharp 的IM 简单实现
  8. Windows linux子系统安装mysql
  9. 云计算-大数据-云安全高等教育改革示范教材
  10. 什么是ROM、EPROM、EEPROM、FLASH ROM、RAM?
  11. tableau地图城市数据_Tableau-地图
  12. S参数三要素无源性(Passive),互易性(Reciprocoty)和因果性(Causality)
  13. linux常用命令 yum service ps
  14. Python+pywin32批量读取带密码的Excel文件数据导出为CSV文件
  15. 华为荣耀android是什么系统,华为荣耀+
  16. 卫星图瓦片爬取之google卫星图偏移的问题
  17. w7打开计算机无删除键,Win7右键菜单无用的打开方式选项怎么删除?
  18. [转载]你有英文名字吗?给自己起一个吧
  19. 度小满金融踩雷中粮信托近5000万,融资企业母公司为短融网大股东
  20. android fota升级 开发,android fota升级

热门文章

  1. docker启动tomcat容器并添置项目首页
  2. docker安装sentinel的超简单步骤
  3. C#运行时的相互关系
  4. html二维坐标系转换,旋转坐标系 转换工具
  5. UML基础: 统一建模语言简介
  6. 职业程序员不必那么职业
  7. 官方 Windows 10 正版系统 ISO 镜像文件
  8. 2. 抓ARP包, 抓PPPoE包
  9. flume avro java_flume之Avro Source和Avro Sink
  10. Spark解决的问题与体系结构