《今天不发知识点,刚被误封了,所有没有太多时间去给整理哈,请谅解》
(谢谢欣赏)
前面发了那么多HTML标签,今天来玩个小视频,小白也
能几分钟就会的,代码没有写好,时间急了点,过10分解封的哈,还可以大量减少代码,而且是纯THML做的!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
body{
margin: 0;
}
video{
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -9999;
}
</style>
<body>
<marquee direction="left" scrollamount="19px"><font color="aqua">莫淞凯好帅</font></marquee>
<marquee direction="left" scrollamount="30px"><font color="salmon"><h1>莫淞凯好帅</h1></font></marquee>
<marquee direction="left" scrollamount="29px"><font color="aqua"><h2>莫淞凯好帅</h2></font></marquee>
<marquee direction="left" scrollamount="20px"><font color="darkblue"><h3>莫淞凯好帅</h3></font></marquee>
<form>
<h1 align="center">
<font color="ghostwhite">用</font>
<font color="dodgerblue">户</font>
<font color="darkslateblue">页</font>
<font color="gold">面</font>
</h1>
<hr width="100%" size="2px"/>
<p>
<font color="crimson">用户名:</font><input type="text" placeholder="邮箱/手机号码/账号"/>
</p>
<p>
<font color="deeppink">密码:</font><input type="password" maxlength="10" minlength="6" placeholder="请输入6-10位密码"/>
</p>
<p>
<font color="darkorange">手机号:</font> <input type="text" maxlength="11" minlength="11" data-regtest="^1[3|4|5|7|8]d{9}$ ">
</p>
<p>
<font color="lavenderblush">邮箱:</font><input type="email" />
</p>
<font color="chocolate">
<p>
男:<input type="radio" name="sex"/ checked="checked">
女:<input type="radio" name="sex"/>
</p>
</font>
<font color="aqua">
<p>
请选择您的爱好:<br />
旅游:<input type="checkbox" />
游泳:<input type="checkbox" />
敲代码:<input type="checkbox" /><br />
机器及深度学习:<input type="checkbox" />
</p>
</font>
<font color="cornflowerblue">
籍贯:
<select name="msk">
<option selected="selected">--请选择--</option>
<option>北京</option>
<option>上海</option>
<option>香港</option>
<option>深圳</option>
</select>
</font>
<p>
<font color="coral">个人介绍:</font><textarea rows="3" cols="10"></textarea>
</p>
<input type="radio"><font color="deeppink">是否同意本公司协议</font></input>
<p>
<input type="submit" value="注册" width="10px"/>
<input type="reset" value="清除" />
</p>
</form>
<video autoplay="autoplay" style="width: 100%;">
<source src="img/李荣浩-年少有为(标清).mp4"></source>
</video>
</body>
</html>