当前位置：搜档网 › Form表单详解

Form表单详解

表单常用属性有以下几种:name:用来标识这个表单,在javascript中可以通过 document.表单名来取得这个表单

action:表示这个表单提交时的跳转路径

method:表示提交方式,可以选择post和get,默认为get方式.
两种方式的区别: post:所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式
get:所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用

enctype:表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为 enctype="multipart/form-data"
该属性默认是 enctype="application/x-www-form-urlencoded"

onsubmit:当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.

表单中的常用控件::文本框,输入单行文本
:密码框,输入密码信息,所有输入的信息会隐藏显示
:普通按钮,一般用来完成javascript功能的
:表单提交按钮,点此按钮提交表单
:表单重置按钮,点此按钮表单中的数据回到填写之前.
:单选按钮
:多选按钮
:隐藏域,将一个值隐藏传递.
:功能和submit提交按钮相同,但可以显示图片.

</textare>:文本域,输入多行文本<br><select>:下拉列表,需要结合option一起使用<option>:通过该值为<select>设置选项<br></p>
        <div>
            <div>相关主题</div>
            <div class="relatedtopic">
                <div id="tabs-section" class="tabs">
                    <ul class="tab-head">
                            <li id="23612937"><a href="/topic/23612937/" target="_blank">form表单</a></li>
                            <li id="592629"><a href="/topic/592629/" target="_blank">form表单提交</a></li>
                            <li id="5307252"><a href="/topic/5307252/" target="_blank">form表单验证</a></li>
                            <li id="2372969"><a href="/topic/2372969/" target="_blank">form表单提交方式6种</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="category">
        <h2 class="navname">相关文档</h2>
        <ul class="lista">
                    <li><a href="/doc/8e19167770.html" target="_blank">form表单提交的方法</a></li>
                    <li><a href="/doc/d719183844.html" target="_blank">form表单传文件原理</a></li>
                    <li><a href="/doc/3d19230938.html" target="_blank">form中onsubmit</a></li>
                    <li><a href="/doc/5519329792.html" target="_blank">form标签的使用</a></li>
                    <li><a href="/doc/6919007155.html" target="_blank">element 的 form 表单</a></li>
                    <li><a href="/doc/2a19368517.html" target="_blank">form的各种形式</a></li>
                    <li><a href="/doc/4119203931.html" target="_blank">java表单from用法</a></li>
                    <li><a href="/doc/f319244817.html" target="_blank">form的用法总结</a></li>
                    <li><a href="/doc/8919167771.html" target="_blank">循环form表单</a></li>
                    <li><a href="/doc/3819230939.html" target="_blank">js中form的用法</a></li>
                    <li><a href="/doc/e219037565.html" target="_blank">form 表单 submit 用法</a></li>
                    <li><a href="/doc/3b19230937.html" target="_blank">form的各种形式</a></li>
                    <li><a href="/doc/e319037563.html" target="_blank">form表单的submit方法</a></li>
                    <li><a href="/doc/5e19329793.html" target="_blank">form表单验证规则</a></li>
                    <li><a href="/doc/a719212637.html" target="_blank">form 表单 修改对比实践</a></li>
                    <li><a href="/doc/e519037564.html" target="_blank">form表单验证规则</a></li>
                    <li><a href="/doc/9419156405.html" target="_blank">react18 form 表单</a></li>
                    <li><a href="/doc/ba19131084.html" target="_blank">html中form表单的使用方法</a></li>
                    <li><a href="/doc/1c19309939.html" target="_blank">form表单原理</a></li>
                    <li><a href="/doc/dd19183843.html" target="_blank">form的各种形式</a></li>
        </ul>   
        <h2 class="navname">最新文档</h2>
        <ul class="lista">
                <li><a href="/doc/0919509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
                <li><a href="/doc/0d19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
                <li><a href="/doc/9419184372.html" target="_blank">自然教育课件</a></li>
                <li><a href="/doc/3c19258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
                <li><a href="/doc/d619211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
                <li><a href="/doc/a219240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
                <li><a href="/doc/9e19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
                <li><a href="/doc/8f19195909.html" target="_blank">高中语文知识点整理总结</a></li>
                <li><a href="/doc/8619195910.html" target="_blank">高中语文知识点归纳</a></li>
                <li><a href="/doc/7819336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
                <li><a href="/doc/7b19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
                <li><a href="/doc/6a19035160.html" target="_blank">高考语文知识点总结高中</a></li>
                <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li>
                <li><a href="/doc/4b19232289.html" target="_blank">高中语文知识点整理总结</a></li>
                <li><a href="/doc/3d19258758.html" target="_blank">高中语文知识点归纳</a></li>
                <li><a href="/doc/2919396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
                <li><a href="/doc/2819396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
                <li><a href="/doc/1219338136.html" target="_blank">高中语文基础知识点整理</a></li>
                <li><a href="/doc/e819066069.html" target="_blank">化工厂应急预案</a></li>
                <li><a href="/doc/b819159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
        </ul>
    </div>
</div>
<script>
    var sdocid = "8b8d24d76bec0975f565e217";
</script>

<div class="footer">
            <p>© 2013-2022 www.sodocs.net   <a href="/sitemap.html">站点地图</a> | <a href="/tousu.html" target="_blank">侵权投诉</a></p>
            <p><a href="https://beian.miit.gov.cn/">闽ICP备11023808号-8</a>  本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈<script type="text/javascript">tj();</script></p>
        </div>
    </div>
</body>
</html>