1.input标签
(1)type:规定 input 元素的类型。type=""
(2)name
:规定 input 元素的名称,用于对提交到服务器后的表单数据进行标识。 用法：name="" (3)placeholder:属性提供可描述输入字段预期值的提示信息.
<input type="text" name="。。。" placeholder="请输入0-9的6位数编码"/>
(3)submit
:type=“submit”,来创建一个提交按钮，用于向服务器端发送数据。
value为按钮显示的内容。*
<input type="submit" value="submit"/>4、换行：<br>
5、单选框
：<input type="radio" name="。。。"/>。。。。。。<br>
6、多选框
:<input type="checkbox" name="。。。"/>。。。。。。<br>
7、checked属性
：单选或多选的默认选项。配合单选框、多选框使用。多选框可以多个选项具有该属性。不想默认不添加该属性即可。
注：属性的先后顺序为：type – name -checked 。
婚姻状况:<br>
<!-- ********* Begin ********* -->
<input type="radio" name="marry" checked="checked"/>未婚<br>
<input type="radio" name="marry"/>已婚
<!-- ********* End ********* -->8、disabled属性
：禁用该某input元素，其默认值为disabled。配合单选框、多选框使用。不想禁止不添加该属性即可。
注：属性的先后顺序为：type – name – disabled 。
难度系数：<br>
<!-- ********* Begin ********* -->
<input type="radio" name="degree"/>简单<br>
<input type="radio" name="degree" disabled="disabled"/>困难<br>
<!-- ********* End ********* -->9、label 标签
: 标签为 input 元素定义标签（label）。label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改善了可用性，因为如果用户点击label 元素内的文本，则会切换到控件本身。
注： 标签的 for 属性应该等于相关元素的 id 元素，以便将它们捆绑起来。
<label for="user">用户：</label>
<input type="text" id="user" name="user" /><br><br>
<label for="pwd">密码：</label>
<input type="password" id="pwd" name="password" /><br>注：type="password"是密码字段。该字段中的字符被掩码。
10、select标签
:用来创建下拉列表，标签定义列表中的可用选项。
注：value可以没有，selected:默认选项，可以没有。
<select>
<option value="******">*选项内容*</option>
<option>*选项内容*</option>
<option>*选项内容*</option>
<option selected="selected">*选项内容*</option>
</select>11、textarea标签
：可以定义多行的文本输入框。用宽（width）和高（height）来定义输入框的大小，用maxlength来定义文本区域最大能输入的字符数。
<style>
textarea{
width:200px;
height:120px;
}
</style>
<!---->
用一句话描述自己的特点：<textarea maxlength="15"></textarea>注：具体属性
12、 p 标签：标记了一个段落。
<p>This is some text in a very short paragraph</p>13、综合
本关任务：完成一个表单的创建任务。
这里标签要按照规定格式来写，因为有
标签，会自动换行，就不用
标签了。
属性的先后顺序为： type – id – class – name – value，其他需要添加的属性最后写。
其他要求如下：
用户名：添加类.common；
昵称：添加类.common；
性别：name属性的值为sex，禁用保密；
男：标签的for属性的值为male；
女：标签的for属性的值为female；
保密：标签的for属性的值为other；
教育程度：添加类.common，默认选中本科；
选项有：高中，中专，大专，本科，硕士，博士，其他；
婚姻状况：name属性的值为state，默认选中未婚；
未婚：标签的for属性的值为single；
已婚：标签的for属性的值为married；
保密：标签的for属性的值为secret；
兴趣爱好：name属性的值为hobby，默认选中看电影；
踢足球：标签的for属性的值为football；
打篮球：标签的for属性的值为basketball；
看电影：标签的for属性的值为film；
描述自己的特点：添加类.common，字符最大长度为20；
提交：添加空，用来占位，添加类.common，value值为提交。
注：有标签包裹文本，就不用标签了。
<style>
.container{
width: 60%;
margin: 20px auto;
}
.common{
width:230px;
height: 30px;
}
span{
display:inline-block;
width: 150px;
text-align: right;
}
div{
margin-bottom: 10px;
}
</style>
<form class="container">
<!-- ********* Begin ********* -->
<div>
<span>用户名：</span>
<input type="text" class="common" />
</div>
<div>
<span>昵称：</span>
<input type="text" class="common" />
</div>
<div>
<span>性别：</span>
<input type="radio" id="male" name="sex" />
<label for="male">男</label>
<input type="radio" id="female" name="sex" />
<label for="female">女</label>
<input type="radio" id="other" name="sex" disabled="disabled" />
<label for="other">保密</label>
</div>
<div>
<span>教育程度：</span>
<select>
<option class="common">高中</option>
<option class="common">中专</option>
<option class="common">大专</option>
<option selected="selected" class="common">本科</option>
<option class="common">硕士</option>
<option class="common">博士</option>
<option class="common">其他</option>
</select>
</div>
<div>
<span>婚姻状况：</span>
<input type="radio" id="single" name="sex" checked="checked" />
<label for="single">未婚</label>
<input type="radio" id="married" name="sex" />
<label for="married">已婚</label>
<input type="radio" id="secret" name="sex"/>
<label for="secret">保密</label>
</div>
<div>
<span>兴趣爱好：</span>
<input type="checkbox" id="football" name="sex"/>
<label for="football">踢足球</label>
<input type="checkbox" id="basketball" name="sex" />
<label for="basketball">打篮球</label>
<input type="checkbox" id="film" name="sex" checked="checked" />
<label for="film">看电影</label>
</div>
<span>描述自己的特点：</span>
<textarea class="common" maxlength="20"></textarea>
<span></span>
<input type="submit" class="common" value="提交"/>
<!-- ********* End ********* -->
</form>效果：
