HTML5基础知识(3)--required属性
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属性的更多相关文章
- HTML5基础知识及相关笔记
HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...
- 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)
网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...
- 【前端】之HTML5基础知识
HTML5 文件格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
- HTML5基础知识汇总_(2)自己定义属性及表单新特性
自己定义属性data-* 说起这个属性,事实上如今非经常见了;怎么说呢,由于在一些框架都能看到他的身影!!! 比方Jquery mobile,里面非常频繁的使用了这个属性; 这个属性是哪里来的-.当然 ...
- HTML5基础知识(4)--white-space属性
1.white-space 属性设置如何处理元素内的空白. 这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的. 默认值: no ...
- html5基础知识
html5+css3 html5定义很多简便东西和宽松语法: 文档头: <!doctype html> 文档编码: <meta cha ...
- HTML5基础知识习题 一
1. HTML5 之前的 HTML 版本是什么? 答: HTML 4.01 2. HTML5 的正确 doctype 是? 答: <!DOCTYPE html> 3. 在 HTML5 中, ...
- HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figca ...
- HTML5 基础知识(1)——基本标签
## HTML**概念**:是最基础的网页开发语言(Hyper Text Markup Langage 超文本标记语言) > 1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起 ...
随机推荐
- 开发Eclipse自定义控件
摘自:http://www.ibm.com/developerworks/cn/opensource/os-eclipcntl/ 我们在开发自定义控件时主要考虑以下问题: 1. 自定义控件的绘制:通常 ...
- [转]NopCommerce之旅: 应用启动
本文转自:http://www.cnblogs.com/devilsky/p/5359881.html 我的NopCommerce之旅(6): 应用启动 一.基础介绍 Global.asax 文件 ...
- laravel administrator 一款通用的后台插件(PHP框架扩展)
前几天我看了一下zend framework 2的一些官方文档,也找了一些例子,可惜所有的资料少之甚少.于是我就开始去找这国外用的比较流行的PHP框架laravel,希望能够找到其合适的例子,而且我本 ...
- 【转】最长回文子串的O(n)的Manacher算法
Manacher算法 首先:大家都知道什么叫回文串吧,这个算法要解决的就是一个字符串中最长的回文子串有多长.这个算法可以在O(n)的时间复杂度内既线性时间复杂度的情况下,求出以每个字符为中心的最长回文 ...
- session跨域和ajax跨域名
后台跨域和ajax跨域名: 后台跨域: www.baidu.com 主域名(一级域名一般以www开头) news.baidu.com 二级域名 (a.test.com和b.test.com有相 ...
- [No000036]操作系统Operating Systems系统调用的实现System_Call
实现一个whoami 系统调用 系统调用的直观实现 问题+直观想法… 用户程序调用whoami, 一个字符串"systemcall "放在操作系统中(系统引导时载入) ,取出来打印 ...
- [No000034]知乎-长期接收碎片化知识有什么弊端?
你所接受的一切信息,构成了你的思维方式. 所以,长期接受碎片信息的后果,就是让你的思维变得狭隘,难以进行复杂的思考. 碎片信息通常具备这样的特征: •它们往往是一些事实的集合而非逻辑 •它们往往大量简 ...
- Entity Framework 迁移命令 详解
一.Entity Framework 迁移命令(get-help EntityFramework) Enable-Migrations 启用迁移 Add-Migration 为挂起的Model变化添加 ...
- web.config connectionStrings 数据库连接字符串的解释(转载)
先来看一下默认的连接SQL Server数据库配置 1.默认生成 <connectionStrings> <add name="Exa*DB" connectio ...
- BZOJ 3669 【NOI2014】 魔法森林
Description 为了得到书法大家的真传,小E同学下定决心去拜访住在魔法森林中的隐士.魔法森林可以被看成一个包含个N节点M条边的无向图,节点标号为1..N,边标号为1..M.初始时小E同学在号节 ...