用html5和css制作信息登记表

<!doctype html>
<html><head><meta charset="utf-8"><title>信息登记表</title><!-- <link rel="stylesheet" href="style07.css" type="text/css"> --><style type="text/css">input {width:200px;height:18px;                                 border:1px solid #d4cdba;padding:2px; }.btn input{width:100px; height:30px;border-radius:3px;}</style></head><body><div class="bg"><form action="#" method="get" autocomplete="off"><h2>信息登记表</h2><p><span>用户登录：</span><!-- 在下面的横线中填写`禁用属性`和`只读属性` --><input type="text" name="user_name" value="myemail@163.com" disabled readonly/></p><p><span>真实姓名：</span><!-- 在下面的横线中填写`必填属性`和`自动聚焦` --><input type="text" name="real_name" placeholder="例如：思聪" required autofocus/></p><p><span>真实年龄：</span><!-- 在下面的横线中填写`最大值属性`和`最小值属性` --><input type="number" name="real_lage" value="24"   max="15"   min="120" required/></p><p><span>出生日期：</span><!-- 在下面的横线中填写`type的日期类型` --><input type="date" name="birthday" value="1999-10-1" required/>（必须填写）</p></p><p><span>个人主页：</span><!--  在下面的横线中填写input标签的`引用数据列表属性`--><input type="url" name="myurl"  list="urllist" placeholder="http://www.sdlfc.com"/><datalist id="urllist"><option>http://www.baidu.cn</option><option>http://www.sina.com</option><option>http://www.w3school.com.cn</option></datalist></p><p class="btn"><input type="submit" value="提交" /><input type="reset" value="重置" /></p></form></div></body>
</html>

效果图：

用html5和css制作信息登记表相关推荐

HTML5制作信息登记表
# 制作信息登记表# 样式需求分析: 一. 通过最外层的大盒子对页面进行整体控制,设置宽高.背景图片及相对定位. 二. 通过标记对表单进行整体控制,对其设置宽高.边距.边框样式及绝对定位. 三. 通过 ...
html5电子相册在线制作,Html5+jQuery+CSS制作相册小记录
本文主要讲述采用Html5+jQuery+CSS 制作相册的小小记录. 主要功能点: Html5进行布局调用jQuery(借用官网的一句话:The Write Less, Do More)极大的简化 ...
使用HTML5和CSS制作抖音动态首页
使用HTML5和css3制作一个抖音动态首页可以在谷歌.IE浏览器中显示动态视频播放,在火狐浏览器视频播放不显示抖音首页地址:https://www.douyin.com/ 3.代码如下: < ...
HTML5作业1员工信息登记表
首先,我们的作业是写个表单,如图所示然后我们开始对它进行分析排版 1.一般来说表单位置应当居中,我们可以在外部利用margin: 0 auto;position: relative;内部利用left ...
div做表格 html5,div+css制作表格
本章给大家介绍如何用div+css制作表格,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. html: 花名册: 序号姓名年龄 footer footer footer 1 Jo ...
使用HTML5和CSS制作抖音首页
1.可以在谷歌.IE浏览器中显示动态视频播放,在火狐浏览器视频播放不显示. 2.主要代码显示顶部代码: 播放按钮: 点赞,分享,评论: 文案: 底部导航栏: 显示视频播放,暂停等功能: 屏幕占比份数 ...
HTML制作员工信息登记表
任务描述:利用HTML+CSS制作下面的表格任务分析: 1.需用到表单方面的知识,from标签 input标签及其属性 2.该表背景为粉色,需设置背景色 3.有两个表单按钮,提交和重置按钮 4.文本 ...
【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <! ...
利用vue制作一个简单的信息登记表 ---添加删除和修改
添加信息和按照索引值删除信息 (1)登记表的样式: (2)大致思路把输入框里的姓名,年龄,性别双向绑定data里对应的变量,变量赋初值皆为空(性别赋初值为男).是否同意协议,默认不同意:给提交按钮绑 ...

用html5和css制作信息登记表

用html5和css制作信息登记表相关推荐

最新文章

热门文章