1. 表单控件:
单选框
如果两个单选的name值一样，会产生互斥效果
???<p> ???????????<!--单选框--> ???????男<input type="radio" name="sex" value="man" checked="checked"> ???????女<input type="radio" name="sex" value="woman"> ???</p>
效果如下:
单选框正方形:多选
????<p> ???????????<!--单选框--> ???????抽烟<input type="checkbox" name="fav" value="smoke"> ???????喝酒<input type="checkbox" name="fav" value="drink"> ???????汤头<input type="checkbox" name="fav" value="lifa"> ???</p>
效果图
上传文件使用:
****注意：如果有文件需要提交给服务器，method必须为POST，enctype必须为multipart/form-data****
<input type="file">
效果图:
button 闭合标签
submit提交按钮
reset 重置按钮
???<p> ???????<input type="submit" value="注册"> ???????<input type="button" value="登陆"> ???????<button type="submit">按钮</button> ???????<button type="reset">重置按钮</button> ?????</p>
效果图
textarea rows行数 cols列数
???<p> ???????<textarea name="" id="desc" cols="50" rows="20"></textarea> ???</p>
效果图:
下拉列表: selected(先选)
???????<select name="xuanmei" id=""> ???????????<option value="1">熊姐</option> ???????????<option value="2" selected = ‘selected‘>婕哥</option> ???????????<option value="3">张阳</option> ???????????<option value="4">五爪</option> ???????</select>
效果图:
引入css方式（重点掌握）
行内样式
内接样式
外接样式
3.1 链接式
3.1 导入式
css介绍
现在的互联网前端分三层：
- HTML：超文本标记语言。从语义的角度描述页面结构。
- CSS：层叠样式表。从审美的角度负责页面样式。
- JS：JavaScript 。从交互的角度描述页面行为
CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。
css的最新版本是css3，我们目前学习的是css2.1
接下来我们要讲一下为什么要使用CSS。
HTML的缺陷：
- 不能够适应多种设备
- 要求浏览器必须智能化足够庞大
- 数据和显示没有分开
- 功能不够强大
CSS 优点：
- 使数据和显示分开
- 降低网络流量
- 使整个网站视觉效果一致
- 使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）
比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。
行内样式
View Code
内接样式
View Code
外接样式-链接式
View Code
外接样式-导入式
View Code
表单控件 css的三中引入方式css选择器
原文地址：https://www.cnblogs.com/xihuanniya/p/9889980.html