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,iVBORw0KGgoAAAANSUhEUgAAAUYAAABzCAIAAABrdTwNAAANZUlEQVR4nO2d63PTVhqH5c72/yEsnqH+L9puSvOhgXZ3PUyZMvlQhrIMs7MtdFumOzGlM73R4cteaCDbaWk97AbYwgIZQjbEVnAZKzTgJLYVy1ZtSY6to0T7Qbbji2TZsX1sS79nzkx8keQjx4/eo6Oj9zBT1x+ioKA4pjA6AMBBQGkAHAWUBsBRQGkAHAWUBsBRQGkAHMXAK729rROiK4ouinoqpW9soAxZSaV0UdQVRSdE397u9+/J+Qy80oTo6bTOsvrMjD49rU9NoQxZmZ7WZ2Z0ltXTaZ2Qfv+enM/AK60oOsvqFy/qExP62Jg+OooyZGVsTJ+Y0C9e1FlWV5R+/56cz8ArLYr6zIw+MbFy6I2ZG7cvT19FGa4yc+P2yqE39IkJfWZGF8V+/56cz8ArnUrp09P62FhsdYMXful3bUDb8MIv3EpcHxvTp6f1VKrf1XE+bSvNBXyMP9iLqpizsaFPTemjo7HVDXofCroKtxLXR0f1qSl9A//EntNEaS7gY2rwBTgTpYN+X4DrXQUblGaYgW9ZgFqgNE1slK7IywV8ZkpzAR/j8wd3lA76maa0rT+UHn6gNE06UZoL+Jj6RnjQ38Tapm9aAKWHHyhNE3ulDQ8blDbzWYfSwAQoTZNdKm3ZSdZRw5sL+BqWgNLDD5Smya6jtAUdRWko7UygNE3aUzpgFYN7d1kLSg8/UJomu43SledVC7dDy8cAKD38QGmatKR0tcLV3WPmXu6mE8waKD38QGma2CpdH5UrKls4XR++OwVKDz9Qmia2ehhd2LWDS0rPgn6TBnS3x5pA6eEHStPETo+gn/EFglXXoGuCs6nUTTfWdHH0eDsTKE2T5nrs+Bv0M/XdY74AVwrKLVpte8cHlHYmUJomNufSVX6VJC43rHfesTp7NmmC7+JaF5QefqA0TSz1oNT7ZQuUHn6gNE0GXg8oPfxAaZoMvB5IgTD8QGmaDLzSSFQ05CBREWUGXulyOkH57eOrvIgyjEV++zjSCVJj4JVWFJ1lEx9/nDh8GEl/h7Ig6S9dBl5pQhKPHycjEe7B/NT0t31PYYvSbpm5cXsleA2p+akx6EonEolkPG48XnkaSyST/a0PaJfSuTQm0KHFQCudSCaTtQ4nk0lYPXRwK/F+V8FFtKV0ZVRod9iuZauW9Xg8kUg0rpVIJNbj8S1QRd032a1/ULeA0jRpL0pb5BDUdd1k/Gfpdg+zUaEVh7UypJbVtbV43PJ3EI/HV9fWCKii8k1WDG/vh9BLoDRNrJVuI09JfXoT66Hc3KTPNxktyUwIUQkpqmqxWCxU8SwWW19fb17v9fX1Z7FYAZQpFotFVVXLeg+U2FCaJs2VrnWTC/hMZK1NYlK3Vv1Ggn7G/8PWFiGkqKqFQiGfzyuKIkmSJEm5XC6Xy3HLy7FYrJWqx2Ixbnk5B3I54wtUFCWfzxcKhaKqEkIMq1v5JnsNlKaJ/c2VVZlNuKobp83b4PUKl+/BNNj+wc/4Jh8TUlTVzc1NWZaz2WxGFDOZjCAIgvDgpPf59z671nrtnz59+igSSbkYoUwmk8mIYjablWV5c3NzoKyG0jRpqnS5O6xh3o3KjZJcIFA7P1Zd91ntC9FJH/P77w2fJUlKpdPRaDTMsouh0GIodOPmX7/79HS7OxCJRG7cvGlsweUlzLLRaDQlCJIkGVZrmgal3UYTpXf6t7mAj/EHyufWJUeDfsbnD/irkhbUdpA15hzkJn3M766SQqEgy3IqnWaXlnieL6pqb3fRNRRVled5dmkplU7LslwoFIxA3e96QWmqtJh7rDGBwU7SoVIkLi1Yk2rQpIvN4/F4PK9fyUajUZ7ne7VbLobneY7jstlsPp9XCdE0rd81gtJUse3x3onJzfq5jY4vv79O6To0TVPVq7/1eA5dFsMsq2J4YA9QCQmzbEYUFUUx2t79rhGUpoql0sFA+2NKgvZKFyN/2e/Z/+f/ZRZDoXY3D1pkMRTKZDKSJBWLRSjtNtobamKTdb9OaZPI/sJH336037P//QcClO4di6GQIAiSJBmn0/2uDpSmSqsZQg3qla7L4msXpQkhhUdQuucYSudyOSjtQrqutHlnmgEh5NFHL3g8r38tQOkeAqXdTAtDTWxoKUpXZPd4PPs/XEylUlC6dyyGQqlUCkq7k85urmxztg1CSKFQyOVyULqnQGk3Q/V+aShNByjtZqC0A4HSbgZKO5CBUrqUqAjQAko7kH//507op+XHT1afrPIr66n+J/2VN/v9lbiI4VI66K/vjDO/h9vlDFSUBpSxUfr8+fPHjx+f6BJHjx596623jhw5cvjw4fGDB3dRXeP+a6tra6Vr5rU3aevG+HPTS2r21+V0PeivutOsyeGj4VPraGfa3g6B0m6mmdIfnj177ty5ZDKpdYlCoaAoiiiKyWRy4eHDXVWYC/irxTGL0iW5LMT3B6ssNaHR/9aUthouWzl+lNatPp70yHAo7WaaKX3s2LGNjQ1VVbuVTyeTyaRSqXg8vrKycm92dve1tra19G7zKF1eym7+el+AM1W6PJKmpWhv0kSobAVKg67TTOmJiQlN07rlc8dK197tufOiVZvaLENp1cpWPpYXsVK6KvNx02hfrlldVN4xHEqDXmCjNCEk2z3S6fTGxsb6+vrPP/9899693dQ36LfKJbyjYyVK10lTE73tTn2rlC776Pc3HlIsDg21h45KJWpG25UOUT3QGkq7GXulf+kegiDwPL+2tvbkyZM7d+/upr7lwNjQlq6KmNVKW6pmPXy9rvne+rl0ZbPmDW16QGk3M8RKW0bGlqK0BTurtK+0+WQkNQ3vQN2BpItzl1QBpd2MvdJiExbe91b/QL3vL0wdYg5Nld8yHtUstu+9+6urq8vLy/+9M7Wb+rYcpQOmLfQmPeFGgN7ZTFOluYCvQU8TSjnZau9PrdSz6al4J0BpN2OjtKqq6db4+iDjPTOfTs+f8Xq9XoZhDn5deW/+jNd7Zj6d/vs489rfZv/4a89zzz33q+ef3019g35fIOAvn9eaRjwjLJayGbYbpVtU2tRG8yge9JcyoZdrZaxbs3CXT6uhtJuxV1powqVxhvGenqv8Lb9oPJ477TUezZ32ek/PCZde2/fu3Xj86dOn0Wj01u1/7KK6lVNVqyi9c23YrkfbavtVgbgmphuHEovLZKUqNEpZqkXdfCRMrcDGit3rAYfSbqYzpctaM4wRmesYvyTMzVWUvjS+793ZeGdKV9jRp6yuaU90nSMWU2+ajP6ovFS9eM0VMs5kfbPDRc1Vq+plqrIkI0qDrmGvdNP5W+6f9jKM9/R98zfGL1WeeMfHvd537yXu/Gmfx9NBwxu0AJR2MzZK5/P5J5bcPLWX2Xvqq1N7zVu4zNjYGMMwe0/dvHlq795TN78aY1798qeffgqHw/Pz8z8Ev6K2k24DSrsZe6U5G66fHBk5eb3h5QuvMq9eqF3k+ok9Bz579OiT33heOjd39fsvqe2k24DSbsZe6agNMydHRk7ONLx84QBz4ELdIl+8sued4NInL3tePHf/u6tQuldAaTfTFaUtGt5Quk9AaTdjo7SiKI9b4IsDzIEvdp7+6w8jDc8ZhmGYPe98Hw6ff9nz4uTst999Tm0n3QaUdjP2Skda4vNXGOaVzyORSOTaiRFm5MS16jevnRgZOXEtEmFZdnFx8eOX0OPdW6C0m7FRWpblJWs+HbVoclcz+ulS8PiePceDS0uhUGhhYeH+/ft37tz55zffUNtJtwGl3UxHSrcLlKYDlHYz9kqHu8fDhw/n5+dnZ2dv3759ZXqa2k66DSjtZmyUliQp1D0WFhYePHgwOzt769aty1euUNtJtzFo09wBmtjkHovFYoIgPOwS8/Pzc3Nzd+/e/fHHH6cuX6a2k24DSruZZkqfPXt2cnJybW1N6hKiKAqCkEwmnz171lE6QdCUQZsyHtDEJo/3Bx98cOzYsS7m8T569OiRI0fefPPN3eXxBq2wGAplMhlJkorFoqZp/a4OoArV2TY0TVNVVVGUjCiGwmFVVWl+uktQCQmzbEYUFUVRVRVKuw3qShOSz+ez2Ww0GuV5nuanuwSe56PRaDabzefzKiFQ2m1QVXpra8uYFkuW5ZQghFmW53mc7HULQgjP82GWTQmCLMvGifTW1la/6wWoQlXp7e1tTdOKqrq5uSlJUiqdjkajYZZdDIVQOi9hlo1GoylBkCRpc3OzqKqapm1vb9P8F4O+Q1tpI1AbVsuynM1mM6KYyWQqeY+aJlEB9VS+t0wmkxHFbDYry7LhsxGiobTboKq0Xmt1oVDI5/OKohiXuLo4U4/bML5ARVHy+XyhUIDPbqYPShtWa5pGCFEJUVW1WCwWQGcUi0VVVVVCCCGaphk+Q2kXQltpg2qxDQjojMo3CZldTn+UBgD0CCgNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKOA0gA4CigNgKP4P1pi7a9vOWnDAAAAAElFTkSuQmCC" 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,将各种不同空间的文字组织在一起 ...
随机推荐
- 使用jquery合并表格中相同文本的相邻单元格
一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <met ...
- 【转】【收藏】LINQ学习心得分享--------(二)LINQ语法详解
原地址:http://blog.csdn.net/xuemoyao/article/details/8053444 通过上一章节的学习,相信大家已经掌握了学习LINQ的前期的准备知识.在这一节里, ...
- [转]阿里云配置mysql远程连接
默认是不能用客户端远程连接的,阿里云提供的help.docx里面做了设置说明,mysql密码默认存放在/alidata/account.log 首先登录: mysql -u root -h local ...
- getline()函数
这是一篇关于getline()函数的博客,以总结对输入输出流的掌握,不再在这些问题上栽跟头~ -------------------------- 1.首先我们知道,getline()函数的基本作用, ...
- QC学习一:Windows环境中Quality Center 9.0安装详解
一.安装前准备 1.安装环境:windows XP.SQL Server2005 2.准备安装文件:Quality Center 9.0 (qc10以上,包括qc10,qc只支持安装在服务器操作系统上 ...
- uva10344 23 out of 5
Your task is to write a program that can decide whether you can nd an arithmetic expression consisti ...
- AlertDialog禁止返回键
android 如何让dialog不消失,即使是用户按了返回键dialog也不消失 解决的问题:软件提示升级的dialog时候,用户有可能按了返回键,但是现在的需求是用户只能按"确定升级&q ...
- python-数据类型补充及文件处理操作
___数据类型____ 一.列表的复制 浅复制和深复制 浅复制只复制一层,深复制完全克隆,慎用 1.实现浅复制的三种方式: name=['song','xiao','nan'] import copy ...
- HTML 学习笔记 JavaScript(数据类型)
字符串 数字 布尔 数组 对象 Null Undefined JavaScript 拥有动态类型 JavaScript拥有动态类型 这意味着相同的变量可用作不同的类型: 实例: var x // x ...
- sg函数与博弈论2
参考链接: http://blog.sina.com.cn/s/blog_51cea4040100h3l9.html 这篇主要就是讲anti-sg.multi-sg和every-sg的. 例1 poj ...