首页 > 代码库 > html学习第一天笔记——第六章节
html学习第一天笔记——第六章节
<input type="reset" value="http://www.mamicode.com/重置"> 使用重置按钮，重置表单信息
<input type="submit" value="http://www.mamicode.com/提交"> 使用提交按钮，提交数据
<input type="radio/checkbox" value="http://www.mamicode.com/值" name="名称" checked="checked"/> 使用单选框radio/checkbox复选框，让用户选择
<input type="text/password" name="名称" value="http://www.mamicode.com/文本" /> 文本输入框、密码输入框
<textarea rows="行数" cols="列数">文本</textarea> 文本域，支持多行文本输入
<select multiple="multiple"> 使用下拉列表框进行多选
第四五章节的总结
form表单中的label标签
小伙伴们，你们在前面学习表单各种控件的时候，有没有发现一个标签--label，这一小节就来揭晓它的作用。
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
语法：
<label for="控件id名称">
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子：
<form><label for="male">男</label><input type="radio" name="sex" id="male" /><br /><label for="female">女</label><input type="radio" name="sex" id="female" /><label for="email">输入你的邮箱地址</label><input type="email" id="email" placeholder="Enter email"></form>
CSS样式的优势
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CSS样式的优势</title><style type="text/css">span{color:blue; /*color:red则 <span></span>中间的颜色变红*/}</style></head><body><p>慕课网，<span>超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>服务及时贴心</span>，内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p></body></html>
CSS代码语法
css 样式由选择符和声明组成，而声明又由属性和值组成。
选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。
声明：在英文大括号“｛｝”中的的就是声明，
属性和值之间用英文冒号“：”分隔。
当有多条声明时，中间可以英文分号“;”分隔，
如下所示：
p{font-size:12px;color:red;}
注意：
1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：
p{
font-size:12px;/*为12px*/
color:red;/*颜色为红色*/
}
在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用<!--注释语句-->)。
html学习第一天笔记——第六章节