首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Html5 学习系列(三)增强型表单标签

引言      在之前的HTML表单标签中,对于一些功能支持的不够好,比如:文本框提示信息(之前只能通过js和input的事件结合处理)、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能...[以下所有的例子请用Opera浏览器浏览] 1)只能输入数字的Number类型input标签 Html代码为:<input type="number" name="demoNumber" min="1...另外就是type又增加了一个新的number类型,接受<em>数字</em><em>输入</em>。而之前我们要做到这样的效果<em>只能</em>通过<em>js</em>在失去焦点时候判断,<em>控制</em>起来不那么方便,现在一切都那么简单简洁。 ...另外就是:placeholder="请输入注册邮箱"   这个属性的功能,相信你看到此时的效果的时候你会感到非常想兴奋,而在之前实现此提示信息,需要监听一下文本框的blur事件,然后判断是否为空,为空再去给文本框赋值一个灰色的字体提示信息...5)校验属性:设置了required 属性后预示着当前文本框在提交前必须有数据输入,而这一切都是由浏览器自动完成。              这跟使用Jq Validate的时候一样的爽。

1K30

EXT基础

这里罗列出一些xtype: ·         textfield  文本框  常用 ·         timefield 下拉时间框  不常用 ·         numberfield 只能输入数字...数字验证常用 ·         datefield  日历下拉框 ·         combo 下拉框 ·         textarea  多行文本框 最普通的文本框: {    xtype:...它的基础是正则表达式,现在介绍几种vType: ·         email;必须输入邮件 ·         url;必须输入网址 ·         alpha;必须输入文字不能是数字 ·        ...', vtype:'email' }); //alpaha:只能输入英文字母 //alphanum:字母和数字 //email:电子邮箱 //url:网址 ================...',    name:'text',    regex:/^[\u4E00-\u9FA5]+$/,    regexText:'只能输入汉字' }); =====================

4.2K40

angularjs学习第四天笔记(第一篇:简单的表单验证)

type属性值赋值为email即可--type="email"     6.数字:number,使用直接给文本框的type属性值赋值为number即可--type="number"     7.网页地址...:url,使用直接给文本框的type属性值赋值为url即可--type="url"   第四、表单中的控制变量     1.表单的属性值访问方式为:表单名称.文本框名称.属性名称     2.表单验证中用到的表单属性包括如下...,只有表单验证都通过,才提交表单        实现方式:通过控制提交按钮的可用性来实现               ng-disabled="loginForm....$error.pattern">账号格式不符合要求(只能数字和字母组成) 账号格式不符合要求(只能数字和字母组成) <span class="success" ng-show="loginForm.submitted

1.6K10

angularjs学习第四天笔记(第一篇:简单的表单验证)

type属性值赋值为email即可--type="email"     6.数字:number,使用直接给文本框的type属性值赋值为number即可--type="number"     7.网页地址...:url,使用直接给文本框的type属性值赋值为url即可--type="url"   第四、表单中的控制变量     1.表单的属性值访问方式为:表单名称.文本框名称.属性名称     2.表单验证中用到的表单属性包括如下...,只有表单验证都通过,才提交表单        实现方式:通过控制提交按钮的可用性来实现               ng-disabled="loginForm....$error.pattern">账号格式不符合要求(只能数字和字母组成) 账号格式不符合要求(只能数字和字母组成) <span class="success" ng-show="loginForm.submitted

1.3K20

HTML实现加减乘除的计算器+JavaScrip小知识点

显示数据,post隐藏数据, input:属性 name起名字,id唯一,checked单选框选中,selected下拉框选中,select下拉框,option列表选项,textarea文本域,text文本框...confirm确认框:例如:你登录一个网站,会有广告弹框,你点击确认他就会给你跳转另外一个页面         alert信息弹框:就例如我们微信、QQ收到消息,手机会有弹框提示         prompt输入框...:登陆一个界面,会从上面弹出一个文本框,让你填信息 3、打印语句         页面打印:document.write         控制台打印:console.info();         ...(){ //获取第一个数字 var num1 = document.getElementById('n1').value; //把num1转换为数字:int float...num1 = parseFloat(num1); //获取第二个数字 var num2 = document.getElementById("n2").value; num2 =

1.6K20
领券