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://cqcxhl.cn/article/jssopj.html">http://cqcxhl.cn/article/jssopj.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dghsjic.html">SEO优化养蜘蛛攻略</a> </li><li> <a href="/article/dghsjed.html">seo优化要如何创造价值</a> </li><li> <a href="/article/dghsjhj.html">seo技术优化的方法有哪些?</a> </li><li> <a href="/article/dghsjpc.html">SEO排名为什么提升慢？</a> </li><li> <a href="/article/dghsjhi.html">过去10年来，SEO技术有多大变化?</a> </li> </ul> </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/2.html">网站建设</a> <a href="/jianzhan/3.html">网站设计</a> <a href="/jianzhan/4.html">网站制作</a> <a href="/jianzhan/5.html">小程序</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> <div class="footer_content_copyright clear">版权所有：成都创新互联科技有限公司重庆分公司 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">渝ICP备2021005571号-4</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> $(".con 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); } }); </script>