《建立表单页面》ppt课件

ID：27276542

大小：430.51 KB

页数：36页

时间：2018-12-01

资源描述：

《《建立表单页面》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章建立表单页面1本章目标：什么是表单表单标记

输入标记菜单和列表标记

表单示例11.1什么是表单1、概念：表单是实现动态网页的一种主要的外在形式，是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提供的有关信息。2、功能：表单的主要功能是收集信息，具体说是收集浏览者的信息。可用于调查、定购、搜索等功能。11.1什么是表单3、组成：①描述表单元素的HTML源代码；②客户端的脚本，或者服务器端用来处理用户用户所填信息的程序</p><p>2、。4、处理过程：当单击表单中的提交按钮时，输入在表单中的信息就会上传到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的信息存储在服务器端的数据库中，或者将有关的信息返回到客户端浏览器上。1、基本语法：<FORMname=“form_name”method=“method”action=“url”enctype=“value”target=“target_win”>……</FORM>11.2表单标记<FORM>属性描述NAME表单的名称METHOD定义表单结果从浏览器传送到服务器的方法，一</p><p>3、般有两种方法：get和postACTION用来定义表单处理程序（一个ASP，CGI等程序）的位置（相对地址或绝对地址）ENCTYPE设置表单资料的编码方式TARGET设置返回信息的显示方式<FORM>标记属性1、基本语法：<FORMname=“from_name”>……</FORM>2、语法解释：通过为表单命名可以控制表单与后台程序之间的关系。3、文件范例：11-1.htm11.2.1<FORM>标记的NAME属性1、基本语法：<FORMaction=“URL”>……</FORM>2、语法解释：在actio</p><p>4、n属性中定义表单提交的地址。3、文件范例：11-2.htm11.2.2<FORM>标记的action属性1、基本语法：<FORMmethod=“method”>……</FORM>2、语法解释：定义提交表单的方法，有get和post两种方法。区别见下表。3、文件范例：11-3.htm11.2.3<FORM>标记的method属性get和post的区别：区别方法地址栏信息长度保密性非ASCII码字符GET将表单内容附加在URL地址后面有限制，不超过8192个字符不具有保密性不传送POST不显示提交信息无限制具有</p><p>5、保密性传送1、基本语法：<FORMenctype=“value”>……</FORM>2、语法解释：value的取值见下表。3、文件范例：11-4.htm11.2.4<FORM>标记的enctype属性enctype属性值属性值描述Text/plain以纯文本形式传送信息Application或x-www-Form-urlencoded默认的编码方式Multipart或Form-data使用MINE编码1、基本语法：<FORMtarget=“target-win”>……</FORM>2、语法解释：设置表单信息</p><p>6、返回的窗口，target的取值见下表。3、文件范例：11-5.htm11.2.5<FORM>标记的target属性target属性值属性值描述_blank将返回信息显示在新开的浏览器窗口中_parent将返回信息显示在父级浏览器窗口中_self将返回信息显示在当前浏览器窗口中_top将返回信息显示在顶级浏览器窗口中<FORM>标记内的标记标记描述<INPUT>表单输入标记<SELECT>菜单和列表标记<OPTION>菜单和列表项目标记<TEXTAREA>文字域标记示例：<FORM><input>…</inp</p><p>7、ut><textarea>…<textarea><select><option>…</option></select></FORM>1、基本语法：<form><inputname=“field_name”type=“type_name”></form>2、语法解释：name指域的名称，type指域的类型。type属性值见下表。11.3输入标记<INPUT>type属性值属性值描述属性值描述text文字域button普通按钮password密码域submit提交按钮file文件域reset重置按钮checkb</p><p>8、ox复选框hidden隐藏域radio单选框image图像域1、基本语法：<INPUTtype=“text”name=“field_name”maxlength=valuesize=valuevalue=“field_value”>2、语法解释：这些属性的含义见下表。3、文件范例：11-6.htm11.3.1文字域text文字域属性文字域属性描述name文字域的名称maxlength文字域的最大可输入字符数siz</p>                        </div>
                        <div class="mt-3 bg-white">
                            <div class="d-lg-block d-none px-3 px-lg-4 py-3 border-bottom text-center font-18"> 当前文档最多预览五页，下载文档查看全文  </div>
                            <div class="detail-fixed-feature d-none d-lg-block" id="detailFixedFeatureBox">
                                <div class="px-3 px-lg-4 py-3 d-flex align-items-center justify-content-between fixed-feature-box" id="detailFixedFeature">
                                    <div class="d-lg-flex d-none align-items-center">
                                        <div>
                                            <a class="btn btn-outline-danger article-state" href="javascript:;" data-id="27276542" data-code="438274" data-title="《建立表单页面 》ppt课件"> <span>侵权申诉</span> </a>
                                            <button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="27276542"><span>举报</span></button>
                                        </div>
                                        <nav class="d-flex align-items-center ml-4" id="anchorPoint">
                                            <a href="javascript:;" class="btn btn-light anchor-pre px-2"><i class="iconfont text-muted"></i></a>
                                            <div class="text-muted mb-0 pre-point-list" id="prePointList">
                                                <a class="px-2 active nav-link" href="#anchorImg0">1</a>
                                                                                                                                                            <a class="px-2 nav-link"  href="#anchorImg1">1</a>
                                                                                                            <a class="px-2 nav-link"  href="#anchorImg2">2</a>
                                                                                                            <a class="px-2 nav-link"  href="#anchorImg3">3</a>
                                                                                                            <a class="px-2 nav-link"  href="#anchorImg4">4</a>
                                                                                                            <a class="px-2 nav-link"  href="#anchorImg5">5</a>
                                                                                                        / <span class="px-2" id="prePageNums">36</span>
                                                                                            </div>
                                            <a href="javascript:;" class="btn btn-light anchor-next px-2"><i class="iconfont text-muted"></i></a>
                                        </nav>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <p class="d-lg-block d-none font-14 text-black-50 mb-0 mr-2">此文档下载收益归作者所有</p>
                                        <button class="btn btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" style="width:128px;height:40px;" data-id="27276542" data-price="2000" data-size="430.51 KB" data-page="36页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="《建立表单页面 》ppt课件">下载文档</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-block d-lg-none px-3 px-lg-4 py-3 border-bottom text-center font-14" style="color:#999">当前文档最多预览五页，下载文档查看全文</div>
                        <button class="btn d-block w-100 d-lg-none btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" data-id="27276542" data-price="2000" data-size="430.51 KB" data-page="36页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="《建立表单页面 》ppt课件">点击下载本文档
                        </button>
                                                </div>
            <div class="px-3 px-lg-4 py-3 bg-white mt-3">
                <ul class="nav custom-tab border-bottom" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link active px-0 mr-4 font-16 font-weight-light pb-3" id="tips-tab" data-toggle="tab" href="#showTips" role="tab" aria-controls="showTips" aria-selected="true">版权提示</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link px-0 pb-3 font-16 font-weight-light text-black-50" href="/d-27276542.html" >下载文档</a>
                    </li>
                    <dl class="flex-grow-1 mb-0 d-lg-none">
                        <li class="ml-3 float-right d-lg-none">
                            <button type="button" class="btn btn-light" data-toggle="modal" data-target="#reportModal" data-id="27276542"><span>举报</span></button>
                        </li>
                    </dl>
                </ul>
                <div class="tab-content with-content pt-3" id="myTabContent">
                    <div class="tab-pane fade show active font-14" id="showTips" role="tabpanel" aria-labelledby="showTips-tab">
                        温馨提示： <br>
                        1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。<br>
                        2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。<br>
                        3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。<br>
                        4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。 <br>
                    </div>

</div>
            </div>
        </div>
        <div class="detail-sidebar d-none d-lg-block">
            <div id="columnDetailSiderRight">
                <div class="detail-yourlike mt-0 pb-2" id="relativeArticle">
                    <div class="border-bottom py-2 d-flex align-items-center justify-content-between">
                        <h5 class="font-16">相关文章</h5>
                        <a class="font-14 hover-letter-spacing" href="/ucenter/search/index.html?text=《建立表单页面 》ppt课件" target="_blank"  rel="nofollow">更多<i class="iconfont font-12 pl-1"></i></a>
                    </div>
                    <ul class="font-14 like-list">
                                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-9282590.html" title="dw教程--十、制作表单页面" target="_blank">dw教程--十、制作<span class="text-danger">表</span><span class="text-danger">单</span><span class="text-danger">页</span><span class="text-danger">面</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-12127975.html" title="html编写简洁页面表单验证程序" target="_blank">h<span class="text-danger">t</span>ml编写简洁<span class="text-danger">页</span><span class="text-danger">面</span><span class="text-danger">表</span><span class="text-danger">单</span>验证程序</a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-20911366.html" title="使用domino表单构建web页面" target="_blank">使用domino<span class="text-danger">表</span><span class="text-danger">单</span>构<span class="text-danger">建</span>web<span class="text-danger">页</span><span class="text-danger">面</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-26935730.html" title="《建立表单页面》ppt课件" target="_blank"><span class="text-danger">《</span><span class="text-danger">建</span><span class="text-danger">立</span><span class="text-danger">表</span><span class="text-danger">单</span><span class="text-danger">页</span><span class="text-danger">面</span><span class="text-danger">》</span><span class="text-danger">p</span><span class="text-danger">p</span><span class="text-danger">t</span><span class="text-danger">课</span><span class="text-danger">件</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-38599451.html" title="《JSP页面》PPT课件" target="_blank"><span class="text-danger">《</span>JSP<span class="text-danger">页</span><span class="text-danger">面</span><span class="text-danger">》</span>PPT<span class="text-danger">课</span><span class="text-danger">件</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-39212131.html" title="使用表单构建Web页面" target="_blank">使用<span class="text-danger">表</span><span class="text-danger">单</span>构<span class="text-danger">建</span>Web<span class="text-danger">页</span><span class="text-danger">面</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-46462931.html" title="用Dreamweaver建立框架页面" target="_blank">用Dreamweaver<span class="text-danger">建</span><span class="text-danger">立</span>框架<span class="text-danger">页</span><span class="text-danger">面</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-50970214.html" title="用友表单页面设计详解.doc" target="_blank">用友<span class="text-danger">表</span><span class="text-danger">单</span><span class="text-danger">页</span><span class="text-danger">面</span>设计详解.doc</a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-59011655.html" title="第十一章建立表单页面ppt课件.ppt" target="_blank">第十一章<span class="text-danger">建</span><span class="text-danger">立</span><span class="text-danger">表</span><span class="text-danger">单</span><span class="text-danger">页</span><span class="text-danger">面</span><span class="text-danger">p</span><span class="text-danger">p</span><span class="text-danger">t</span><span class="text-danger">课</span><span class="text-danger">件</span>.<span class="text-danger">p</span><span class="text-danger">p</span><span class="text-danger">t</span></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-59544812.html" title="建立表单只是课件.ppt" target="_blank"><span class="text-danger">建</span><span class="text-danger">立</span><span class="text-danger">表</span><span class="text-danger">单</span>只是<span class="text-danger">课</span><span class="text-danger">件</span>.<span class="text-danger">p</span><span class="text-danger">p</span><span class="text-danger">t</span></a>
                                    </li>
                                                                                </ul>
                </div>
                <div class="detail-yourlike pb-2">
                    <div class="border-bottom py-2">
                        <h5 class="font-16">相关标签</h5>
                    </div>
                    <ul class="font-14 like-list d-flex flex-wrap">
                                                                                        <a class="search-tag" href="/tags/540170/" target="_blank">ppt</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/1304606/" target="_blank">表单</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/540013/" target="_blank">课件</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/742338/" target="_blank">页面</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/540316/" target="_blank">建立</a>
                                
                                                                        </ul>
                </div>
                <script src="/d/js/acmsd/thea1.js"></script>
            </div>
        </div>
    </div>
<footer>
    <div class="container d-none d-lg-block mb-4">
        <div class="d-flex justify-content-between footer-nav">
            <ul class="d-flex foot-nav">
              <li>
                <h5>常见问题</h5>
                <a class=text-decoration-none href=/help/wenti/upload/ target=_blank>
	关于上传
</a><a class=text-decoration-none href=/help/wenti/xiazai/ target=_blank>
	关于下载
</a><a class=text-decoration-none href=/help/wenti/qinquan/ target=_blank>
	关于侵权
</a><a class=text-decoration-none href=/help/wenti/fenxaing/ target=_blank>
	分享文档赚钱教程
</a>            </li>
                        <li>
                <h5>关于我们</h5>
                <a class=text-decoration-none href=/help/about/wzjs/ target=_blank>
	网站介绍
</a><a class=text-decoration-none href=/help/about/gywm/ target=_blank>
	关于我们
</a><a class=text-decoration-none href=/help/about/lxwm/ target=_blank>
	联系我们
</a>            </li>
                        <li>
                <h5>版权问题</h5>
                <a class=text-decoration-none href=/help/banquan/bqsm/ target=_blank>
	版权声明
</a><a class=text-decoration-none href=/help/banquan/qqcl/ target=_blank>
	侵权处理
</a><a class=text-decoration-none href=/help/banquan/mzsm/ target=_blank>
	免责声明
</a>            </li>
                        <li>
                <h5>协议条款</h5>
                <a class=text-decoration-none href=/help/xieyi/yhxy/ target=_blank>
	用户协议
</a><a class=text-decoration-none href=/help/xieyi/fwtk/ target=_blank>
	用户服务条款
</a><a class=text-decoration-none href=/help/xieyi/ysbh/ target=_blank>
	用户隐私保护
</a>            </li>
                        <li>
                <h5>网站导航</h5>
            <a class="text-decoration-none help-nav-item" href="/sitemaps.xml" data-name="网站地图" target="_blank">网站地图</a>
            <a class="text-decoration-none help-nav-item" href="/list.html" data-name="全部分类" target="_blank">全部分类</a>
            <a class="text-decoration-none help-nav-item" href="/sitemaps/index.html" data-name="资源地图" target="_blank">资源地图</a>
            </li>                      
            </ul>
            <div class="foot-qrcode d-flex">
                <div>
                    <div class="subsitute-bg"><img src="https://www.wenku365.com/d/file/2022/07-08/f23df57d987ef7ad9acb33fe5abf9854.jpg"></div>
                    <p>关注公众号<br></p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-copyright">
        <p><a href="/" target="_blank">天天文库</a>站为“文档C2C交易模式”，即用户上传的文档直接卖给(下载)用户，本站只是中间服务平台，本站所有文档下载所得的收益归上传人(含作者)所有【成交的100%(原创)】。</p>
        <p>本站是网络服务平台方，若您的权利被侵害，侵权客服QQ：3074922707 欢迎举报。</p>
        <p>Copyright 2004-2021 <a href="https://www.wenku365.com/" target="_blank">wenku365.com</a> All Rights Reserved <a  href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">闽ICP备15016911号-5 </a></p>
         <p>闽公网安备 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35052402000320" rel="nofollow" target="_blank">35052402000320</a></p> 
         <p> <a href="https://www.wenku365.com/zt.html" target="_blank">专题文集</a>
                <a href="https://www.wenku365.com/zt-90007.html" target="_blank">丨职业培训</a>
                <a href="https://www.wenku365.com/zt-90005.html" target="_blank">丨实用范文</a>
                <a href="https://www.wenku365.com/zt-90010.html" target="_blank">丨商业材料</a>
                <a href="https://www.wenku365.com/zt-90013.html" target="_blank">丨合同协议</a>
                <a href="https://www.wenku365.com/zt-90009.html" target="_blank">丨PPT专题</a></p> 
    </div>
</footer>

《建立表单页面 》ppt课件

《建立表单页面 》ppt课件

《建立表单页面》ppt课件

《建立表单页面》ppt课件