3、form表单

一、框架

1、内嵌框架：iframe

<iframe src="http://www.baidu.com"></iframe>

2、框架集合：frameset

注意：frameset与body不能共存

<frameset rows="20%,80%">
    <frame src="邮箱上侧.html">
    <frame>
        <framset cows="20%,80%">
            <frame src="邮箱左侧.html">
            <frame name="function">
        </frameset>
</frameset>

二、form表单

<form name="form01" action="aaa" method="get">
	<!--录入用户名-->
	用户名：<input type="text" name="uname" /><br />
	<!--录入密码-->
	密&emsp;码：<input type="password" name="pwd" /><br />
	<!--提交按钮-->
	<input type="submit" />
</form>

1、表单元素

文本框：<input type="text" name=" ">

密码框：<input type="password" name="">

单选按钮：<input type="audio" name="">

复选框：<input type="checkbox" name="">

              <input type="checkbox" name="">

文件：<input type="file" name="">

隐藏域：<input type="hidden" name="">

提交按钮：<input type="submit" value="提交">

重置按钮：<input type="reset" value="重置">

没有任何功能的按钮：<input type="button" value="点我">

图像图片按钮（具有提交功能）：<input type="image" src="URL">

下拉列表：<select>

                        <option value=""><option>

                        <option value=""><option>

                  </select>

多行文本框：<textarea rows="2",cols="3">

                      </textarea>

<label> 标签：label的 for 属性应当与相关元素的 id 属性相同。

                       <label for="male">Male</label>

                       <input type="radio" name="sex" id="male" value="male">

2、HTML5新增type类型

email：<input type="email" name="usremail">

url：<input type="url" name="homepage">

color：<input type="color" name="favcolor">

range：<input type="range" name="points" min="1" max="10">

date：<input type="date" name="bday">

month：<input type="month" name="bdaymonth">

week：<input type="week" name="week_year">

3、HML5新增属性

autofocus：自动获取焦点

multipl： 属性规定输入域中可选择多个值

placeholder：提示信息

required：在提交之前输入不能为空