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#网络编程(基本概念和操作) - Part.1

    本文转自:http://www.tracefact.net/CSharp-Programming/Network-Programming-Part1.aspx 引言 C#网络编程系列文章计划简单地讲述 ...

  2. [转]backbone.js 初探

    本文转自:http://weakfi.iteye.com/blog/1391990 什么是backbone backbone不是脊椎骨,而是帮助开发重量级的javascript应用的框架. 主要提供了 ...

  3. Bubble Sort [ASM-MIPS]

    # Program: Bubble sort # Language: MIPS Assembly (32-bit) # Arguments: 5 unordered numbers stored in ...

  4. 2016"百度之星" - 初赛(Astar Round2B)

    Problem Description 中位数定义为所有值从小到大排序后排在正中间的那个数,如果值有偶数个,通常取最中间的两个数值的平均数作为中位数. 现在有n个数,每个数都是独一无二的,求出每个数在 ...

  5. Linux下监听或绑定(bind)843端口失败

    问题:写了一个程序,尝试在843端口监听,结果在执行bind的时候失败了 原来,系统不允许用户程序在1-1024端口监听,因为他们是知名端口. 解决办法: 换成root用户,即可成功bind.(ubu ...

  6. Beanstalk消息队列的实现

    在工作中要用到消息队列,但是主管为了追求开发速度,让用了一个简易的类  beanstalk 下面来说明这个东西 参考博客:https://my.oschina.net/u/698121/blog/15 ...

  7. Kali linux渗透测试常用工具汇总1

    1.ProxyChains 简介:代理工具.支持HTTP/SOCKS4/SOCK5的代理服务器,允许TCP/DNS通过代理隧道. 应用场景:通过代理服务器上网. 配置:/etc/proxychains ...

  8. 数据类型之记录(record)..With XXX do begin... end;

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 type   Mai ...

  9. 布局 - panel

    panel一般作为其他组件的容器使用 很多组件都继承自panel 对于面板中的内容,支持异步从后台加载,当然,作为纯粹的面板,一般不会用到这个,但他的子类对于这个功能还是蛮实用的 <%@ tag ...

  10. Visual Studio 2013编辑HTML文件无设计视图的解决方案

    在Visual Studio 2013中编辑HTML文件,会发现没有设计视图. 解决方法:点击Visual Studio 2013的”工具“菜单,再点击”选项“—>文本编辑器—>文件扩展名 ...