web快速入门之基础篇-html：13、表单-常用操作：form、input、select、textarea、label、fieldset、iframe_tml语言中各种表单对象: input 、 select 、 textarea 、 form-优快云博客

<input type="text" />--文本框( 不写type属性, 默认为文本框 )
            <input type="password" />--密码框
            <input type="radio" />--单选按钮
            <input type="checkbox" />--多选（复选/核选）框
            <input type="submit" />--提交按钮，提交并刷新页面
            <input type="reset" />--重置按钮，将页面恢复到原始状态
            <input type="button" />--普通按钮
            <input type="file" />--选择文件，以供上传
            <input type="hidden" />--隐藏域，适用于记载那些不需要显示的关键数据

b、常用属性

id：需要的时候，唯一标识
            name：名值对的方式提交数据
            value：取决于需求
            maxlength：文本框、密码框
            readonly：只读
            checked：单选、多选

4、列表框、下拉框：取决于 size 的取值

<select>
                <option></option>
                <option></option>
                <option></option>
            </select>
            如何选择：页面布局

5、多行文本框

6、label：文本标签

7、fieldset：元素圈起来

        legend:为圈添加名称描述，即标题
        比如：
        <fieldset>
            <legend>标题</legend>
        </fieldset>

8、iframe：浮动框架

a、显示：一个浏览器窗口中显示多个html页面

main.html---页面
a.html---广告页面

b、嵌入到某个html页面里

三、实例演示

1、实例代码

我们先来看看一个例子，如下代码：01_表单.html

<!--版本信息-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>文档标题</title>
		<meta http-equiv="refresh
		" content="3" />
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>


		<h1>增加管理员</h1>
		<form>
用户名：<input type="text" name="n" value="aaa" /><br/>
密码：<input type="password" name="p" /><br />
性别： 
	<input type="radio" name="sex" value="0" />
	男生
	<input type="radio" name="sex" value="1" />
	女生
	<br/>
	角色：
<fieldset style="width:35%">
	<legend>请选择</legend>
	<input id="r1" type="checkbox" name="role" value="sa" />
	<label for="r1">超级管理员</label>
	<br/>
	<input type="checkbox" name="role" value="ad" />
	普通管理员
</fieldset>
	<br/>
	状态：
	<select>
		<option>启用</option>
		<option>停用</option>
		<option>删除</option>
	</select>
	<br />
	个人描述：
	<textarea cols="20" rows="5">
	</textarea>
	<br/>
	其他url页面显示(优快云官网)：
	<iframe src="https://passport.youkuaiyun.com"></iframe>
	<br/>
	<input type="submit" value="保存" />
	<input type="reset" value="重填" />

	<br />
	<!--隐藏域控件-->
	注：这是“隐藏域控件”<input type="hidden" value="111" />
		</form>


	</body>
</html>