首页
学习
活动
专区
工具
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的时候一样的爽。

    1.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.3K40

    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.7K10

    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
    领券