HTML语言——表单设计

     表单设计

专注于为中小企业提供成都做网站、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业长兴免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1   表单标记  

1.1   什么是

1.3   常用属性

1.3.1   name   表单名称

1.3.2   method   传送数据的方式，分为post和get两种方式

   get   get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性

   post   post方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制   

2.1.3.3   acrion   表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为"no"

1.3.4   enctype  设置表单的资料的编码方式

1.3.5   targer   和超链接的属于类似，用来指定目标窗口

2   文本域和密码   标记

2.1   标记没有结束标记

2.2   基本语法

2.3   属性介绍

2.3.1   type属性   type属性有两个值

   text   当type="type"时，表示一个文本输入域

   password   当type="password"时，表示一个密码输入域

2.3.2   name属性   定义控件的名称

2.3.3   value属性   初始化值，打开浏览器时，文本框中的内容

2.3.4   size属性   设置控件的长度

2.3.5   maxlength属性   输入框中最大允许输入的字符数

3   提交、重置和普通按钮

3.1   提交按钮

   当时，为提交按钮

3.2   重置按钮

   当时，为重置按钮

3.3   普通按钮

  当时，为普通按钮

4   单选框和复选框

4.1   单选框

  当时，为单选框

4.2   复选框

   当时，为复选框

4.3   注意

  单选框和复选框都可以使用"cheked"属性来设置默认选中项

5   隐藏域

  当时，为隐藏表单域

6   多文本文域 

6.1   用法

  使用标记可以实现一个，能够输入多行文本的区域</p><p>6.2   语法格式</p><p>  <textarea name="name" rows="value" cols="value" value="value">...   ...<textarea></p><p>6.3   rows属性和cols属性分别用来指定，显示的行数和列数，单位是字符个数</p><p>7   菜单下拉列表域   <select>标记</p><p>7.1   语法格式</p><p> <select name="" size="value" multiple></p><p>   <option value="value" selected>选项1</option></p><p>   <option value="value">选项2</option></p><p>   <option value="value">选项3</option></p><p>   ...   ...</p><p>   </select></p><p>7.2   属性</p><p>7.2.1   multiple属性   multiple属性不用赋值，其作用是，表示用可以多选的下来列表，如果没有这个属性就只能单选</p><p>7.2.2   size属性   设置列表的高度</p><p>7.2.3   name属性  定义这个列表的名称</p><p>7.3   option标记</p><p>7.3.1   <option>标记用来指定列表中的一个选项，需要放在<select></select>之间</p><p>7.3.2   值</p><p>   value   给选项赋值，指定传送到服务器上面的值</p><p>   selected   指定默认的选项</p> <br> 分享标题：HTML语言——表单设计 <br> 文章地址：<a href="http://dzwzjz.com/article/jssopj.html">http://dzwzjz.com/article/jssopj.html</a> </div> </div> <div class="othernews"> <h3>其他资讯</h3> <div class="othernews_list"> <ul> <li> <a href="/article/peosjg.html">Android用RecyclerView实现动态添加本地图片</a> </li><li> <a href="/article/peoshg.html">如何解决MySQL查询速度慢与性能差的问题</a> </li><li> <a href="/article/peospc.html">Android怎么把正确的把数据插入到数据库中</a> </li><li> <a href="/article/peosse.html">如何设计实时数据平台（设计篇）</a> </li><li> <a href="/article/peoshc.html">ubuntu如何连接wifi</a> </li> </ul> </div> </div> </div> </div> <div class="footer"> <div class="footer_content"> <div class="footer_content_top clear"> <div class="content_top_share fl"> <div><img src="/Public/Home/img/logo.png"></div> <div class="top_share_content"> <dd>分享至：</dd> <dt class="bdsharebuttonbox clear" id="share"> <a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a> </dt> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div class="content_top_left fl clear"> <div class="top_left_list fl"> <dd><a href="/about/">关于我们</a></dd> <dt> <a href="/about/#gsjj">公司简介</a> <a href="/about/#fzlc">发展历程</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/service/">服务项目</a></dd> <dt> <a href="/service/">高端网站建设</a> <a href="/miniprogram/">小程序开发</a> <a href="/service/app.html">APP开发</a> <a href="/service/yingxiao.html">网络营销</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/jianzhan/">建站知识</a></dd> <dt> <a href="/jianzhan/">行业新闻</a> <a href="/jianzhan/">建站学堂</a> <a href="/jianzhan/">常见问题</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/contact/">联系我们</a></dd> <dt> <a href="/contact/#lxwm">公司地址</a> <a href="/contact/#rczp">人才招聘</a> </dt> </div> </div> <div class="content_top_right addressR fr"> <div class="top_right_title addressf_title"> <a href="javascript:;" class="on">成都</a> <a href="javascript:;">达州</a> </div> <div class="top_right_content addressf"> <div class="right_content_li on"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt> </div> </div> <div class="right_content_li"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：达州市南岸区弹子石腾龙大道58号2栋21-6</dt> </div> </div> </div> </div> </div> <div class="link"> 友情链接： <a href="http://mc.scmwjz.com/" title="成都封阳台" target="_blank">成都封阳台</a>   <a href="https://www.cdcxhl.com/case/dfjg.html" title="东电技改" target="_blank">东电技改</a>   <a href="http://www.cdhuace.com/fuwu.html" title="名片印刷" target="_blank">名片印刷</a>   <a href="http://www.ybwzjz.com/" title="宜宾做网站" target="_blank">宜宾做网站</a>   <a href="http://chengdu.cdxwcx.cn/wangzhan/" title="公司网站建设" target="_blank">公司网站建设</a>   <a href="http://m.cdcxhl.cn/dingzhi/ " title="高端定制网站建设" target="_blank">高端定制网站建设</a>   <a href="https://www.cdxwcx.com/400/" title="成都400电话办理" target="_blank">成都400电话办理</a>   <a href="http://www.bjjierui.cn/" title="网创优客" target="_blank">网创优客</a>   <a href="http://www.6mz.cn/" title="成都网站运维" target="_blank">成都网站运维</a>   <a href="http://chengdu.cdcxhl.cn/" title="成都网站设计" target="_blank">成都网站设计</a>    </div> </div> <div class="footer_content_copyright clear">版权所有：青羊区大橙子信息咨询工作室 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</a> </div> </div> <!--浮窗--> <div class="FloatingWindow clear"> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt><span>在线</span>咨询</dt> </div> </a> <a href="javascript:;" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>服务热线</dt> </div> <div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div> </a> <a href="javascript:;" class="FloatingWindow_list fr STop"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>TOP</dt> </div> </a> </div> <script src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script src="/Public/Home/js/comm.js"></script> <script src="/Public/Home/js/wow.js"></script> <script src="/Public/Home/js/common.js"></script> </body> </html> <script> $(".cont img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>