当前位置:首页 > 网站源码 > 正文内容

html按钮颜色修改(html怎么给提交按钮加颜色)

网站源码2个月前 (09-23)13

以下为常规的需求,除非需求有明确说明,如密码输入框中可以输入空格。

输入框

1. 为空,但页面中明确说明不能为空(带有星号或者只有这一个输入框),有以下两种情况:

a. 不进行输入或者使其为空:焦点离开后应有相应的提示,提交后页面无跳转并仍有相应的提示。

b. 输入框中存在一个或者多个空格:焦点离开后空格被自动清除并有相应的提示,提交后页面无跳转并仍有相应的提示。

2. 输入长度超限,有以下两种情况:

a. 可以输入任意长度的字符:焦点离开后应有相应的提示,提交后页面无跳转并仍有相应的提示。

html按钮颜色修改(html怎么给提交按钮加颜色)

b. 只能输入指定长度以内的字符:焦点离开后无相应的提示,提交后页面跳转并且相关的页面显示和功能都正常。

3. 特殊字符,尤其是成对的单引号,双引号:无需提示,但提交后相关的页面显示和功能都正常。

4.对于只能输入数字类型的输入非半角阿拉伯数字的其他字符:

a. 输入立即被清除,无需提示。

b. 焦点离开后有相应的提示,提交后页面无跳转并仍有相应的提示。

搜索框

1.为空,有以下两种情况:

a. 只有这一个搜索框,无组合查询:进行搜索时无提示但焦点位于该搜索框内,不执行搜索。

b. 还有其他查询条件控件,有组合查询:进行搜索时无提示但焦点可位于其他控件,忽略该搜索框,执行搜索。

2.关键字两边带有空格:进行搜索时会自动清除两边的空格并执行搜索。

3.关键字长度超限:进行搜索时有相应的提示并不执行搜索。

日历控件

以下4个条件都应满足:

1. 截止日期/时间控件的选择范围不能晚于当前时间;

2. 截止日期/时间控件的选择范围不能早于起始日期/时间控件的已经选择的日期/时间;

3. 起始日期/时间控件的选择范围不能晚于截止日期/时间控件的已经选择的日期/时间;

4. 选择某一日期/时间控件的日期/时间后再清除该选择,另一日期/时间控件的日期/时间选择范围不受规则2和3的限制。

上传图片控件

以下4个条件都应满足:

1. 选择的文件非指定格式的图片文件后有相应的提示并且该文件没有被上传;

2. 选择的文件大于指定的图片大小(指所占的磁盘空间)后有相应的提示并且该文件没有被上传;

3. 选择的文件大于指定的图片尺寸(指图片的长和宽)后有相应的提示并且该文件没有被上传;

4. 图片上传成功后可以在之前的图片区域正确显示。

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://suzhouxs.com/post/79411.html

分享给朋友:

“html按钮颜色修改(html怎么给提交按钮加颜色)” 的相关文章

悟空浏览器怎么看评论回复(浏览器自己的评论怎么看)

悟空浏览器怎么看评论回复(浏览器自己的评论怎么看)

本篇文章给大家谈谈悟空浏览器怎么看评论回复,以及浏览器自己的评论怎么看对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、悟空浏览器上的评论怎么删除 2、手机QQ浏览器评论...

个人发卡网搭建平台(怎么搭建发卡平台)

个人发卡网搭建平台(怎么搭建发卡平台)

本篇文章给大家谈谈个人发卡网搭建平台,以及怎么搭建发卡平台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、个体工商户能搭建发卡网吗? 2、如何创建一个自己的发卡网平台,...

无印优装口碑怎么样(无印优装装饰)

无印优装口碑怎么样(无印优装装饰)

本篇文章给大家谈谈无印优装口碑怎么样,以及无印优装装饰对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、无印良品的东西好不好? 2、日本5代人都喜欢的无印良品,为什么在中...

域名免费注册1元注册(域名 1元)

域名免费注册1元注册(域名 1元)

本篇文章给大家谈谈域名免费注册1元注册,以及域名 1元对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、1元CN域名注册网站 2、很多说1元就注册cn一级域名是真的吗?...

安卓html文件怎么打开(安卓html文件查看器)

安卓html文件怎么打开(安卓html文件查看器)

本篇文章给大家谈谈安卓html文件怎么打开,以及安卓html文件查看器对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、手机浏览器能打开html文件吗 2、html文件在...

怎么开小程序(电脑微信怎么开小程序)

怎么开小程序(电脑微信怎么开小程序)

今天给各位分享怎么开小程序的知识,其中也会对电脑微信怎么开小程序进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何开微信小程序 2、如何在微信小程序上开...