有多个input框和一个input提交按钮样式 当input框中任何一个没有内容时会提示该内容为空并且input提交按钮样式不能点击

HTML 参考手册
HTML &input& 标签
一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:
action="demo_form.asp"&
First name: &input type="text" name="fname"&&br&
Last name:
&input type="text" name="lname"&&br&
&input type="submit" value="提交"&
(本页底部可以查看更多实例)
浏览器支持
目前大多数浏览器支持 &input&标签。
标签定义及使用说明
&input& 标签规定了用户可以在其中输入数据的输入字段。
&input& 元素在 &form& 元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
提示和注释
注意: &input& 元素是空的,它只包含标签属性。
提示: 你可以使用
元素来定义 &input& 元素的标注。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中, "align" 数据已经不再使用。HTML5 中不支持该属性。
可以使用CSS来定义 &input& 元素的对齐方式。
在 HTML5中, &input& 添加了几个属性,并且添加了对应的值。
HTML 与 XHTML 之间的差异
在 HTML 中,&input& 标签没有结束标签。
在 XHTML 中,&input& 标签必须被正确地关闭。
New&: HTML5新标签。
规定通过文件上传来提交的文件的类型。
(只针对type="file")
HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image")
定义图像输入的替代文本。 (只针对type="image")
autocomplete 属性规定 &input& 元素输入字段是否应该启用自动完成功能。
属性规定当页面加载时 &input& 元素应该自动获得焦点。
checked 属性规定在页面加载时应该被预先选定的 &input& 元素。 (只针对 type="checkbox" 或者 type="radio")
disabled 属性规定应该禁用的 &input& 元素。
form 属性规定 &input& 元素所属的一个或多个表单。
属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
application/x-www-form-urlencoded
multipart/form-data
text/plain
属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidate
formnovalidate 属性覆盖 &form& 元素的 novalidate 属性。
规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
规定 &input&元素的高度。(只针对type="image")
datalist_id
属性引用 &datalist& 元素,其中包含 &input& 元素的预定义选项。
属性规定 &input& 元素的最大值。
属性规定 &input& 元素中允许的最大字符数。
属性规定 &input&元素的最小值。
属性规定允许用户输入到 &input& 元素的多个值。
name 属性规定 &input& 元素的名称。
pattern 属性规定用于验证 &input& 元素的值的正则表达式。
placeholder 属性规定可描述输入 &input& 字段预期值的简短的提示信息
readonly 属性规定输入字段是只读的。
属性规定必需在提交表单之前填写输入字段。
size 属性规定以字符数计的 &input& 元素的可见宽度。
src 属性规定显示为提交按钮的图像的 URL。 (只针对
type="image")
step 属性规定 &input& 元素的合法数字间隔。
datetime-local
type 属性规定要显示的 &input& 元素的类型。
指定 &input& 元素 value 的值。
width 属性规定 &input& 元素的宽度。 (只针对type="image")
&input& 标签支持全局属性,查看完整属性表 。
&input& 标签支持所有 。
记住登录状态
重复输入密码input文本框内添加提示文字,填写内容时消失 - CSDN博客
input文本框内添加提示文字,填写内容时消失
1.一个最简单的方法
用placeholder属性作为提示语
&input placeholder=&提示语...&&&/input&
2.用focus和blur将提示语填充到input中
&dl class=&format-input&&
&span style=&white-space:pre&& &/span&&dt&卡号&/dt&
&input type=&text& class=&textinput xscxtj& name=&kh& /&
//在卡号的文本框内填充提醒文字
var str=&点击此处刷卡查找卡号&;
$(&input[name='kh']&).attr('style','color:');
$(&input[name='kh']&).val(str);
$(&input[name='kh']&).focus(function(){
var v=this.
if(v == str){
$(&input[name='kh']&).attr('style','color:;');
$(this).val(&&).attr('name','kh');
}).blur(function(){
var v=this.
if(v == &&){
$(&input[name='kh']&).attr('style','color:');
$(this).val(str).attr('name','kh');
本文已收录于以下专栏:
相关文章推荐
$(function(){
$('#txt3').placeholder({word:'请输入提示文字'})
/*placeholder.js*/
~function...
1.placeholder属性 规定帮助用户填写输入字段的提示,值不会被提交, 且该提示会在输入字段为空时显示,并会在字段获得焦点时消失。如2.value属性 规定 input 元素的值,值会被提交如...
设置html文本框提示文字 两种方式
1,设置placeholder属性
HTML开发中经常遇到input元素,往往又需要提示使用者输入一定规则的内容,这时最好的一个方法就是在input里面实现一个提示,实现如下方式:输入框为空时提示内容出现,当输入框获得焦点时或输入框不为...
大家都见到很多网站的文本框都有灰色提文字,一点即消失,鼠标一开又出现(没填写状态下)用下面这段短短的代码就可以实现啦!
将这段代码加载input 中!
value="你的提示文字" on...
placeholder 属性
在的网页设计上经常会涉及到表单的可以用性的设计,那表单的提示文字功能就很必要了,这样大大的提升了用户体验的满意度。我利用到了现在比较流行的JQ框架来实现此功能。
首先是导入JQ文件:
很多网站的文本框都有灰色提文字,一点即消失,鼠标一开又出现! 用HTML5 中的新属性placeholder实现。
将这段代码加载input中!...
他的最新文章
讲师:钟钦成
讲师:宋宝华
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)vb的操作题(有答案)_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
vb的操作题(有答案)
阅读已结束,下载文档到电脑
想免费下载本文?
定制HR最喜欢的简历
下载文档到电脑,方便使用
还剩46页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢近日新看了几篇关于ajax的文章准备试试新,至于方式我选择了在jsp页面中使用ajax,至于如何在servlet和struct中使用在后续几天我会分别试验一下。
&&实现描述:很简单的例子,就是用户在注册的时候当输入完用户名后,自动去数据库中查询,如果用户名重复则提示用户。
&&知识点:ajax的使用,相关控件事件,jscript中动态生成HTML(innerHTML)
&&过程描述:至于大体过程,我就不赘述了,只是说说在过程中遇见的疑惑和解决办法。
&&一、关于Input控件中onClick,onChange,onFocus三个事件的选择。我的第一个想法是在用户单击&密码&输入框的时候通过ajax机制去查询数据库,如果这样的话我会在&密码&输入框中运用onClick事件,但是通过实验证明这个过程中存在一个漏洞就是用户如果不用鼠标移动焦点而是使用TAB键来切换焦点那么是不会触发ajax检测机制的~~~~cut!!!
&&再来说说onFocus事件,这个造成的后果就是如果光标在某个待触发ajax机制的输入框的时候,会不停的触发检测函数,如果你用alert测试的话,他会不知疲倦的再次跳出来~~~~cut!!!
&&最后说说onChange事件,他的触发是建立在输入框中的文字产生变化,并且焦点从该输入框离开的时候才触发,所以他才是最适合的~~~~ok!!!
&&二、再来说说ajax返回值的问题,js中通过http_request.responseText获得服务器端程序的输出,所谓的服务器端输出也就是一个jsp页面中out.print语句向客户端送出的信息。我的思路是:如果数据库中有重复用户才对客户端产生输出,如果没有则通过检测responseText的长度为0或者是否为空(这点我没有核实输出是&&还是null)来界定。但是问题出来了即使什么都不输出的时候,客户端接受的字符串都不符合上述我假想的长度为0和null的情况,最小长度总是为4,后来在实在无奈的情况下我使用了自己写的js中trim函数处理它,这回得以解决,所有的未知字符被滤除,哈哈,我突然又有了一种想法是不是如果我在jsp页面输出之前执行out.clear()也能解决问题呢?呵呵,明天验证一下了。
Views(...) Comments()

我要回帖

更多关于 input按钮点击有边框 的文章

 

随机推荐