html基础之表单

8.1表单的用途和属性<br/>    数据传递方式：post和get。<br/>    enctype属性用于指定表单数据编码类型。其值有以下几种<br/>    application/x-www-form-urlencoded:窗体数据被编码为名称/值对，这是标准的编码格式。    multipart/form-data:窗体数据被编码为一条消息，页面上的每个控件对应消息中的一个部分。    text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件和格式字符。8.2表单的控件<br/>    8.2.1单行文本控件框控件和密码框控件<br/>    <form name="wenben" method="post" action="#.php">        <input type="text" name="txt1" size="20" maxlength="10" value="请填写文本内容" /><br/>        <input type="text" name="txt2" size="25" maxlength="15" value="文本内容不能被更改" readonly="true" /><br/>        密码：<input type="password" name="pwd" size="10" maxlength="6" /><br/>    </form>    8.2.2多行文本框控件<br/>    cols和rows用来设置宽度和行数；wrap属性用来设置换行方式，常用的值为off（不自动换行）、virtual（自动换行换行处没有换行符号）、physical（自动换行处没有换行符号）<br/>    <form name="wenben" method="post" action="#.php">        <textarea name="#" cols="45" rows="4" wrap="off" >修改内容，关闭自动换行</textarea><br/>        <textarea name="#" cols="45" rows="4" wrap="physical" >修改内容，开启自动换行</textarea><br/>        <textarea name="#" cols="45" rows="4" readonly="true" >无法修改内容</textarea><br/>    </form>    8.2.3不同类型的按钮控件<br/>    按钮分为submit、reset、button三种type。<br/>    <form name="wenben" method="post" action="#.php">        <input type="submit" name="#" value="提交按钮" />        <input type="reset" name="#" value="复位按钮" />        <input type="button" name="#" value="普通按钮" />    </form>         8.2.4单选框控件和复选框控件<br/>        单选框和复选框checked属性以确定初始值。表单还提供了babel双标签，包含在内的文字可以选定控件。    <form name="select" method="post" action="#.php">        单选框（带有label标签）:<br/>        <label><input type="radio" name="radio" checked="checked" />选项1</label>        <label><input type="radio" name="radio" />选项2</label>        <label><input type="radio" name="radio" />选项3</label>        <hr/>        复选框<br/>        <input type="checkbox" name="chk" checked="checked" />选项1        <input type="checkbox" name="chk" />选项2        <input type="checkbox" name="chk" />选项3<hr/>        <input type="reset" value="reset"/>    </form>    8.2.5下拉列表和列表框控件<br/>        select标签如果加上multiple属性，下拉列表即呈现为列表框控件，其size属性设置所显示数据项的数量。<br/>    <form name="sel" method="post" action="#.php">        <select name="select">            <option value="html" select="selected">html</option>            <option value="css">css</option>            <option value="jsp">jsp</option>        </select><hr/>        <select name="select1" size="3" multiple="multiple">            <option>html</option>            <option select="selected">css</option>            <option>jsp</option>        </select>    </form>    8.2.6图像域控件、文本域控件和隐藏域控件<br/>    <form name="form1" method="post" action="#.php">        图像域（单击图片类似于单价提交按钮）<br/>        <input type="image" src="bbh.jpg" width="200" /><hr/>        文件域<br/>        <input type="file" /><hr/>        隐藏域<br/>        <input type="hidden" name="txt" value="我是隐藏域中的值" /><hr/>    </form>