表单练习一

来源：互联网发布：软件魔方怎么卸载编辑：程序博客网时间：2024/06/05 16:34
<!DOCTYPE html><html lang="cn"><head>    <meta charset="UTF-8">    <title>表单信息</title></head><body>    <h1>信息统计</h1>    <!--使用ctrl+/可以快速进行注释，使用ctrl+shift+/可以快速进行块注释-->    <!--表单必须要有name属性才能正常发送-->    <!--1、action填写发送的目的地址，method填写发送方式,发送方式有两种，是get和post，-->    <!--    1） get是从服务器上获取数据，post是向服务器传送数据。        2） get是把参数数据队列加到提交表单的ACT搜索ION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。        post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。                用户看不到这个过程。        3)  对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交                的数据。        4)  get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，                IIS5中为100KB。        5)  get安全性非常低，post安全性较高。但是执行效率却比Post方法好。        建议：        1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；        2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；-->    <from action="发送地址" method="post"></from>    <!--文本输入框-->    用户名：<input type="text" name="username" value="默认显示文字">    <!--<br><br>     输入br*2后按tab键可以快速输入两个换行符-->    密码：<input type="password" name="password" >    <br><br>    <!--单选按钮-->    性别：男 <input type="radio" name="sex" value="1" checked="checked">    女 <input type="radio" name="sex" value="0">    <br><br>    <!--单选按钮和复选按钮使用checked=“checked”表示默认选中状态-->    <!--复选按钮-->    爱好：篮球 <input type="checkbox" name="hobby[]" value="lanqiu" checked="checked">    足球 <input type="checkbox" name="hobby[]" value="zuqiu" checked="checked">    排球 <input type="checkbox" name="hobby[]" value="paiqiu">    跑步 <input type="checkbox" name="hobby[]" value="paobu">    音乐 <input type="checkbox" name="hobby[]" value="yinyue">    电影 <input type="checkbox" name="hobby[]" value="dianying">    游戏 <input type="checkbox" name="hobby[]" value="youxi">    旅游 <input type="checkbox" name="hobby[]" value="lvyou">    <br><br>    <!--下拉列表，默认选中使用selected="selected"-->    学历： <select name="xueli" >        <!--输入option*5后按tab可以快速输入5行内容-->        <option value="xiaoxue" >小学</option>        <option value="chuzhong">初中</option>        <option value="gaozhong">高中</option>        <option value="daxue" selected="selected">大学</option>        <option value="boshi">博士</option>    </select>    <br><br>    <!--下拉列表同时显示多个内容可以使用size=""-->    学历： <select name="xueli" size="3">        <!--输入option*5后按tab可以快速输入5行内容-->        <option value="xiaoxue" >小学</option>        <option value="chuzhong">初中</option>        <option value="gaozhong">高中</option>        <option value="daxue" >大学</option>        <option value="boshi">博士</option>        <option value="xiaoxue" >小学</option>        <option value="chuzhong">初中</option>        <option value="gaozhong">高中</option>        <option value="daxue" >大学</option>        <option value="boshi">博士</option>    </select>    <br><br>    <!--下拉列表使用multiple="multiple"进行多选-->    学历： <select name="xueli" multiple="multiple" >        <!--输入option*5后按tab可以快速输入5行内容-->        <option value="xiaoxue" >小学</option>        <option value="chuzhong">初中</option>        <option value="gaozhong">高中</option>        <option value="daxue" >大学</option>        <option value="boshi">博士</option>        <option value="xiaoxue" >小学</option>        <option value="chuzhong">初中</option>        <option value="gaozhong">高中</option>        <option value="daxue" >大学</option>        <option value="boshi">博士</option>    </select>    <br><br>    头像： <input type="file">    <br><br>    个人简介： <textarea name="jianjie" >默认显示内容</textarea>    <br><br>    <!--提交按钮-->    <input type="submit" value="按钮上显示的文本内容">    <!--重置按钮-->    <input type="reset"></body></html>
0 0