文献种类:专题技术文献;
HTML5小案例
开发工具与关键技术:DW CSS3
作者:吴泽锋
撰写时间:2019年3月28日
1、标签的多种效果
以下为DW代码
div { border: 2px solid; padding: 10px 40px; resize: both; overflow: auto; }
<.body style=“width: 80%; height: 50%; background:#A6A6A6;”>
<p.>resize:both; overflow: auto;按住右下角,能让文本框自由拖动</p.>
<div. class=“container” style=“appearance:button;”>
<from. action="" method=“post”>
1. <.input type=“text”><.input type=“datetime”>文本框 <.input type=“email”>
2. <.input type=“text” placeholder=“文本”> 里面的文字为文本框底层文字
3. <.input type=“button” value=“按钮”>按钮
4. <.button type=“button” class=“close” data-dismiss=“alert”>X关闭按钮</button.>
5. <.input type=“checkbox”>复选框
6. <.input type=“radio”>单选框
7. <.input type=“date”>日历表
8. <.input type=“month”>日历表:以年和月形式
9. <.input type=“week”>日历表:以年和周的形式
10.<.input type=“datetime-local”>日历表+ 时间选择,小时/分钟
11.<.input type=“time”>时间选择 小时/分钟
12.<.input type=“color”>颜色选择
13.<.input type=“file”>上传文件按钮
14.<.input type=“submit”> 提交按钮
15.<.button type=“button(页面不刷新)/ submit(页面刷新) " class=“btn btn-primary”>提交<./button>
16. <.input type=“reset”>重置按钮
17. <.button type=“reset” class=“btn btn-primary”>重置<./button>
18. <.input type=“range”>类似于调节音量的横条带
19. <.input type=“password”>输入的文字以********出现
20. <.input type=“number”>数值框,可输入数值只为正负数;数值后输入±*/后点击框内的按钮数值重新开始
2