手机前端项目经验怎么写 文本框里输入手机号码时发送验证码按钮变色的jq怎么写

magichuangmian 的BLOG
用户名:magichuangmian
访问量:17923
注册日期:
阅读量:3416
阅读量:288624
阅读量:1012939
阅读量:156997
[匿名]51cto游客:
51CTO推荐博文
单行文本输入框
当type=&text&时,表示该输入项的输入信息是字符串。此时浏览器会在相应的位置显示一个文本框供用户输入信息。
基本语法:&form&
&&&&&&&&&&&&&&&&&&&&&&&& &input name=&text& type=&text& maxlength=& & size=& & value=& &&
&&&&&&&&&&&&&&&&&&&& &/form&
语法说明:text文本框是一个只能输入一行文字的输入框。&input&标记除了有两个必选的属性name和type外,还有3个可选的属性:maxlength,size和value。
(1). maxlength:设置单行输入框可以输入的最大字符数,例如限制邮政编码为6个数字,密码最多为10个字符等。
(2).size:设置单行输入框可显示的最大字符数,这个值总是小于等于maxlength属性的值,当输入的字符数超过文本框的长度时,用户可以通过移动光标来查看超出的内容。
(3).value:文本框的值,可以通过设置value属性的值来指定当表单首次被载入时显示在输入框中的值。
(4).如果需要创建一个随着表单提交一同传递的元素,希望用户看到,却又不允许编辑,可以添加&readonly&属性。
&&&&&&&&&&&&& 提交按钮和重置按钮&&&&&&&&&&&&&&&&&&&&&&&
当type=&submit&时,显示一个提交按钮。当type=&reset&时,显示一个重置按钮。一般情况下,提交与重置按钮是同时出现的。
基本语法:&form&&input name=&submit& type=&submit& value=&提交&&&/form&
&&&&&&&&&&&&&&&&&&& &form&&input name=&submit& type=&reset& value=&重置&&&/form&
语法说明:
(1).提交按钮的name属性是可以默认的。除name属性外,它还有一个可选的属性value,用于指定显示在提交按钮上的文字,value属性的默认值是&提交&。在一个表单中必须有提交按钮,否则将无法向服务器传送信息。
(2).重置按钮的name属性也是可以默认的。value属性与submit类似,用于指定显示在重置按钮上的文字,value的默认值为&重置&。
了这篇文章
类别:┆阅读(0)┆评论(0)如何用js无刷新向文本框中email发送随机产生的四位数字作为验证码,并跳转到email登录界面_百度知道
如何用js无刷新向文本框中email发送随机产生的四位数字作为验证码,并跳转到email登录界面
提问者采纳
编程语言是什么?asp?php?单单html和js是做不到的
asp.net,现在必须要实现无刷新的效果
哦, 那抱歉, 我不会asp.net, 但原理差不多!要使用无刷新, 需要js中的Ajax功能!推荐使用jQuery
有没有jquery相关的功能代码,给我参考参考,本人没有学过jquery
这个简单:首先引入jquery框架, 这个你自己百度一下jQuery下载然后首先html类似于下面的:&input&type=&email&&name=&email&&id=&email&&&input&type=&button&&id=&button&&value=&发送验证码&&然后jq代码如下:$(function(){&&$('#button').click(function(){&//按钮的点击事件&&&&var&mail&=&$('#email').val();&//取得文本框输入的值,&也就是邮件地址&&&&$.post('email.aspx',&{mymail&:&mail},&function(&data&)&{&//ajax&email.aspx页面,&并以post方式发送参数;&&&&&&&alert(data);&//Ajax页面运行完成后触发的事件,&data是aspx页面的运行结果&&&&});&&});});最后, 你在aspx页面进行邮件发送操作咯。这种Ajax方式, 其实就是等于给aspx页面提交一个表单数据!所以, 在这个页面, 和接收表单值是一样的, 我不会asp.net, 在asp中是: Request.form(&mymail&)php中是: $_POST['mymail']
提问者评价
其他类似问题
为您推荐:
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁DedeCMS Error: (PHP 5.3 and above) Please set 'request_order' ini value to include C,G and P (recommended: 'CGP') in php.ini,bootstrap中如何让文本框的宽度变窄并且加入一副验证码图片?
我想要实现的就是验证码文本框变窄一点,然后右边加入一副验证码图片,并且在响应式布局的情况下在移动端访问的时候验证码图片能保持和验证码文本框在同一行,这个怎么做?
按投票排序
自己往里面加入bootstrap的栅格布局代码,控制在不同分辨率下面的排布情况。
------------------------------------------------------ 20:52 更新这样实现唯一的前提条件就是你的验证码图片高度需要和input框的高度一样(input框的高度大概是34px)。之后就简单了,让验证码图片重叠在input框上面,使用绝对布局就可以完成。PS:记住要给input框加上一个padding-left值(略微大于你的验证码宽度即可),不然会挡住文字。&style&
#captcha {
border-radius: 2px;
cursor: pointer;
position: absolute;
z-index: 3;
#validateCode {
padding-left: 110px;
&div class="form-group col-md-6"&
&label for="validateCode"&验证码
&small&&&点击图片刷新验证码&/small&
&div class="input-group"&
&img id="captcha"
src='data:image/base64,{{Captcha::doimg()['imgCode']}}'&
&input type="text" class="form-control"
id="validateCode" name="validateCode"
placeholder="四位字符验证码"&
------------------------------------------------------给题主看看我的解决办法,这是我在写的一个网站,图片的大小是契合Input框的高度的,无需更改input宽度,让验证码图片遮住input框即可,然后给input加一个padding-left值,大小略大于验证码图片宽度即可,手机答题不方便,回去再细说。
已有帐号?
无法登录?
社交帐号登录}

我要回帖

更多关于 html文本框代码怎么写 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信