1.required属性规定在提交之前要填写输入域(不能为空)。

  2.代码

    <body>
<form>
账号:<input type="text" required="required"><br/>
密码:<input type="password" required="required"><br/>
<input type="submit" value="登陆">
</form>
</body>
</html>

  3.效果图

aaarticlea/png;base64,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" alt="" />

HTML5基础知识(3)--required属性的更多相关文章

  1. HTML5基础知识及相关笔记

    HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...

  2. 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  3. 【前端】之HTML5基础知识

    HTML5 文件格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  4. HTML5基础知识汇总_(2)自己定义属性及表单新特性

    自己定义属性data-* 说起这个属性,事实上如今非经常见了;怎么说呢,由于在一些框架都能看到他的身影!!! 比方Jquery mobile,里面非常频繁的使用了这个属性; 这个属性是哪里来的-.当然 ...

  5. HTML5基础知识(4)--white-space属性

    1.white-space 属性设置如何处理元素内的空白. 这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的. 默认值: no ...

  6. html5基础知识

    html5+css3 html5定义很多简便东西和宽松语法:     文档头:         <!doctype html>     文档编码:         <meta cha ...

  7. HTML5基础知识习题 一

    1. HTML5 之前的 HTML 版本是什么? 答: HTML 4.01 2. HTML5 的正确 doctype 是? 答: <!DOCTYPE html> 3. 在 HTML5 中, ...

  8. HTML5基础-新增标签+新增属性+布局案例

    html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figca ...

  9. HTML5 基础知识(1)——基本标签

    ## HTML**概念**:是最基础的网页开发语言(Hyper Text Markup Langage 超文本标记语言) > 1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起 ...

随机推荐

  1. C#语言数据总结

    整数类型 sbyte   -128~127之间 byte   0~255 short(Int16) -32768~32768 ushort(UInt16)  0~65535 Int (Int32)   ...

  2. 贪心法 codevs 1052 地鼠游戏

    1052 地鼠游戏  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 钻石 Diamond 题解       题目描述 Description 王钢是一名学习成绩优异的学生,在平 ...

  3. notepad++编译并运行java (自定义包)

    最近用Notepad++写汇编,感觉用起来挺顺手,于是想能不能也在这个优秀的编辑器下编写java并编译运行呢,因为每次启动eclipse都要挺长时间,而且eclipse实在太占内存了... 于是各种百 ...

  4. 洛谷P1120小木棍[DFS]

    题目描述 乔治有一些同样长的小木棍,他把这些木棍随意砍成几段,直到每段的长都不超过50. 现在,他想把小木棍拼接成原来的样子,但是却忘记了自己开始时有多少根木棍和它们的长度. 给出每段小木棍的长度,编 ...

  5. 如何配置QuickFIX/N

    Acceptor或者Initiator能够为您维护尽可能多的FIX会话,因而FIX会话标识的唯一性非常重要.在QuickFIX/N中,一个FIX会话的唯一标识是由:BeginString(FIX版本号 ...

  6. parentNode的兼容性问题

    IE9下获取对象层次中的父对象,9以上获取文档层次中的父对象 <table><tr><p><td id="haha">haha< ...

  7. jquery的ready方法(DOM是否加载完)详解与使用

    jquery的ready方法(准备DOM触发)还是比较复杂的,我们先看流程图:

  8. 在实例中说明java的类变量,成员变量和局部变量

    java中一般有三种变量:类变量,成员变量和局部变量.类变量 1.下面先看类变量,看下面这个例子 public class Demo6{ public String name; public int ...

  9. AASM rule of scoring sleep stages using EEG signal

    Reference: AASM (2007). The AASM Manual for the Scoring of Sleep and Associated Events: Rules, Termi ...

  10. JMS + jboss EAP 6.2 示例

    .Net中如果需要消息队列功能,可以很方便的使用微软自带的MSMQ,对应到Java中,这个功能就是JMS(Java Message Service). 下面以Jboss EAP 6.2环境,介绍一下基 ...