HTML基础标签

表单

只读标签：readonly

禁用标签：disabled

隐藏标签：hidden

表单初级验证

*** 常用方式 **

placeholder

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SYzFaeXB-1590596852886)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528000703385.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KSnSRnkm-1590596852890)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528000833076.png)]

placeholder作用效果是：提示用户相关信息

required

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YtE1lPu7-1590596852893)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528001153921.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XKlvgCxL-1590596852908)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528001211327.png)]

required作用效果是：非空判断

pattern：正则表达式

基本标签

标题标签：

<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>

段落标签：

<!--段落标签    p标签 在p标签中，哪怕有空格也是会只出现一行，独占一行-->
<p>我还是很喜欢你，像发了疯的泰迪，猛日哈士奇
</p>

水平线标签：

<!--水平线标签-->
<hr/>

换行标签：

<!--换行标签-->
1、我还是很喜欢你，像发了疯的泰迪，猛日哈士奇。<br/>
2、我还是很喜欢你，像屎壳螂推屎，小心翼翼。<br/>
3、我还是很喜欢你，像吃了花椒的邻居，麻了隔壁。<br/>
4、我还是喜欢你，像小时候吃辣条不看日期。<br/>
5、我还是很喜欢你，像坚持党的基本路线，百年不移<br/>
6、我还是很喜欢你，像新闻联播一样，没有结局。<br/>
7、我还是很喜欢你，像我出柜以后，一直是1。<br/>
8、我还是很喜欢你，想你家院子的枇杷树，你妈卖枇。<br/>
9、我还是很喜欢你，像你喜欢大海，我爱过你。<br/>
10、我还是很喜欢你，像泼妇骂街，蛮不讲理。像你爸打你，不讲道理。<br/>

加粗斜体标签：

<!--粗体，斜体-->
粗体：<strong>I fuck you</strong><br/>
斜体：<em>I love you</em><br/>

下拉框：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AxZJkzkE-1590596852913)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528002128412.png)]

<!--    下拉框--><p>国家：<select name="列表名称" ><option value="china">中国</option><option value="USA">美国</option><option value="US">英国</option></select></p>jav

多选框：

<!--    多选框
--><p><input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="code" name="hobby">写代码<input type="checkbox" value="chat" name="hobby">聊天<input type="checkbox" value="girl" name="hobby" checked>喜欢女孩子</p>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-41ckMME6-1590596852915)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528002239484.png)]

单选框：

<!--    单选框标签value：单选框的值name ：表示组-->
<p>性别：<input type="radio" value="boy" name="gender" checked/>男<input type="radio" value="girl" name="gender"/>女</p>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cMbTDAg9-1590596852917)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528002327153.png)]

默认标签为：Checked

文件域：

<!--    文件域--><p><input type="file" name="files"><input type="button" value="上传" name="up"></p>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mFuwudqR-1590596852922)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528002454499.png)]

文本域：

<!--    文本域--><p>反馈：<textarea name="textarea" cols="30" rows="10">文本内容</textarea></p>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1C9nm0sB-1590596852924)(C:\Users\小苏\AppData\Roaming\Typora\typora-user-images\image-20200528002529405.png)]

HTML基础的回顾复习（基本标签，简单的一个登陆验证）相关推荐

python编写一个登陆验证程序_Python实现简单登录验证详解
本文实例为大家分享了简单的Python登录验证,供大家参考,具体内容如下编写登录接口要求:1.输入用户名密码 2.认证成功后显示欢迎信息 3.输错三次后锁定 #coding=utf-8 __aut ...
软件测试基础知识回顾复习
目录一.软件测试概述二.白盒测试三.黑盒测试四.测试用例五.单元测试六.功能测试七.集成测试八.系统测试九.验收测试十.回归测试十一.配置测试一.软件测试概述 1.什么是软件 ...
python编写一个登陆验证程序_用python实现一个简单的验证码
我们经常在登录一个网站,或者注册的时候需要输入一个验证码,有时候觉得很烦,因为有些验证码不仅复杂还看不清,许多用户就会因为这些而懒得再登录或者注册之类的. 既然验证码会造成流失用户的风险,为什么大家都 ...
loginrequired注解_简单实现一个登录验证的注解来保护私有资源
背景自定义注解标注受保护的资源访问,当要访问的url被标注了@LoginRequied的时候就变成了一个受保护的资源,需要用户登录或者更进一步需要用户拥有某个权限才能操作.本项目使用的springb ...
利用Django框架简单设计一个登陆页面
这里写自定义目录标题 1.创建project django-admin startproject "你项目的名字" 2.创建app python manage.py startap ...
简单而不平凡-登陆验证
近来闲来无聊,随手写了一下登陆验证,挑选了两种比较方便的方式,奉献给大家第一种 vue+localStorage router.beforeEach((to, from, next) => { ...
1)前端的html和css基础标签简单盒子
1) 前端:html 这里使用谷歌浏览器开发工具使用pycharm 1.HTML的概述 html全称HyperText Mackeup Language,翻译为超文本标记语言,它不是一种编程语言,是 ...
如何只使用标签来构建一个简单的电影推荐系统
作者:Johnson Kuan 编译:ronghuaiyang 导读使用基于内容的方法来找到最相似的电影. No MIT chalkboard required 介绍假设你正在推出下一个非常大 ...
Java基础知识回顾之七 ----- 总结篇
前言在之前Java基础知识回顾中,我们回顾了基础数据类型.修饰符和String.三大特性.集合.多线程和IO.本篇文章则对之前学过的知识进行总结.除了简单的复习之外,还会增加一些相应的理解. 基础数 ...

HTML基础的回顾复习（基本标签，简单的一个登陆验证）