生成一个带文本提示信息的图片提交按钮
来源:互联网 发布:当红网络主播前十 编辑:程序博客网 时间:2024/06/05 06:48
如下,表单中有一个搜索按钮,不过是灰色背景的文本按钮
<form method="post" action="/index.php?r=Statistics/admin/report/list" enctype="multipart/form-data" name="SearchForm" id="SearchForm"><fieldset><input type="number" onkeyup="value=value.replace(/[^\d\-]/g,'')" name="mp" id="mp" value="13515124174" maxlength="100"><input type="submit" value="搜索" name="Search"></fieldset></form>
通过下面的方法可以换成图片按钮并且带提示信息:
<form method="post" action="/index.php?r=Statistics/admin/report/list" enctype="multipart/form-data" name="SearchForm" id="SearchForm"><fieldset><input type="number" onkeyup="value=value.replace(/[^\d\-]/g,'')" name="mp" id="mp" value="13515124174" maxlength="100"><input type="image" title="搜索" src="images/ico-csv.png" alt="搜索"></fieldset></form>
注意上面的
<input type="image" title="搜索" src="images/ico-csv.png" alt="搜索">中的alt和title属性,alt属性代表的是图片无法显示时出现的替代文本,在ie9之前,会把其中的文本做为提示信息,但这个行为是不规范的,正确的行为是设置title属性,
当鼠标移动按钮上时,会显示一个黄色背景的浮动提示。
by iefreer
- 生成一个带文本提示信息的图片提交按钮
- 带图片的Toast提示信息框
- mac下生成一个带滚动条浏览文本信息的窗口的方法
- 制作带文本的按钮
- 带提示文本的ComboBox
- 图片和表单文字信息通过一个按钮来完成提交
- 生成带文本的UIImage
- Android开发系列(二十三):实现带图片提示的Toast提示信息框
- Android开发系列(二十三):实现带图片提示的Toast提示信息框
- Android开发-弹出带按钮的信息提示对话框-常用操作
- 收藏一个网站可以在线生成带图片的二维码
- python+reportlab实战:生成一个带表格图片的PDF
- JS实现一个表单form,多个submit按钮提交时带不同的action参数
- 一个按钮的提示框
- C# 带提示消息的自定义按钮
- js带按钮的提示框
- 自定义带提示的文本输入框
- 一个带剪裁区域,工具提示和鼠标跟踪的皮肤按钮CxSkinButton类
- android应用开发全程实录-你有多熟悉listview? .
- maven项目找不到pom.xml配置的dependency jar中的类问题解决方法
- 支持HTMl5的浏览器
- wince输入法
- Tracking e-mail options
- 生成一个带文本提示信息的图片提交按钮
- Windows 实用技巧让你的桌面整洁无比
- 哪本书是对程序员最有影响、每个程序员都该阅读的书?
- 如何使用HTML5实现拍照上传应用
- android ListView详解
- H264编码 封装成MP4格式 视频流 RTP封包
- ZOJ 1012
- linux shell if 参数
- 作为一名架构师,我们应该掌握哪些技术呢?