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. Machine Learning Algorithms Study Notes(2)--Supervised Learning

    Machine Learning Algorithms Study Notes 高雪松 @雪松Cedro Microsoft MVP 本系列文章是Andrew Ng 在斯坦福的机器学习课程 CS 22 ...

  2. C++11 之 delete 和 default

    1  特殊成员函数 设计一个类,没有成员函数 (member function),只有数据成员 (member data) class DataOnly { private: std::string ...

  3. KSFramework常见问题:Excel如何进行SVN协作、差异比较?

    Excel如何进行SVN协作.差异比较? 嗯,这是一个令人困惑的问题.游戏开发.程序开发时,使用Excel可以添加文档.注释.图标.批注等等各种辅助信息: 但是Excel是非纯文本格式,在使用SVN. ...

  4. SQL存储过程、视图

    存储过程: 存储过程(stored procedure)有时也称为sproc.存储过程存储于数据库中而不是在单独的文件中,有输入参数.输出参数以及返回值等. 在数据库中,创建存储过程和创建其他对象的过 ...

  5. CSS中的常用属性

    一 CSS文字属性:color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/fon ...

  6. Jmeter常见问题

    收集工作中JMeter遇到的各种问题   1.  JMeter的工作原理是什么? 向服务器提交请求:从服务器取回请求返回的结果.   2.  JMeter的作用? JMeter可以用于测试静态或者动态 ...

  7. U-BOOT-Linux启动指令bootm分析

    首先说一下uImage和zImage的区别 uImage是在zImage之前加上信息头.包含系统类型.是否压缩及压缩方式等 bootm命令只能启动uImage 幻数:说得再好听的名字也只不过是个0~0 ...

  8. 从零开始学CSRF

    为什么要拿CSRF来当"攻击手法系列"的开头篇呢?因为CSRF/XSRF我个人喜爱他的程度已经超过XSS了.如果说XSS是一个老虎,那么CSRF就是隐藏在暗处的蛇. 相信现在很多人 ...

  9. Validate Binary Search Tree

    Validate Binary Search Tree Given a binary tree, determine if it is a valid binary search tree (BST) ...

  10. Android 系统稳定性 - ANR(二)(转)

    编写者:李文栋P.S. OpenOffice粘贴过来后格式有些混乱. 1.2 如何分析ANR问题 引起ANR问题的根本原因,总的来说可以归纳为两类: 应用进程自身引起的,例如: 主线程阻塞.挂起.死循 ...