html学习第一天笔记——第六章节

浏览数：28 / 时间：2015年06月09日

<input type="reset" value="重置"> 使用重置按钮，重置表单信息
<input type="submit" value="提交"> 使用提交按钮，提交数据
<input type="radio/checkbox" value="值" name="名称" checked="checked"/> 使用单选框radio/checkbox复选框，让用户选择
<input type="text/password" name="名称" value="文本" /> 文本输入框、密码输入框
<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学习第一天笔记——第六章节