HTML语言——表单设计-创新互联

表单设计

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><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br> 标题名称：HTML语言——表单设计-创新互联 <br> 文章来源：<a href="http://cqcxhl.com/article/dhohge.html">http://cqcxhl.com/article/dhohge.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dogjepg.html">gis组合电器的技术要求 gis组合电器安装与调试问题</a> </li><li> <a href="/article/dogjees.html">智能聊天弊端 chatted</a> </li><li> <a href="/article/dogjepi.html">mysql怎么开启二进制 mysql二进制安装教程</a> </li><li> <a href="/article/dogjsho.html">gis是什么技术 gis技术的概念</a> </li><li> <a href="/article/dogjsgs.html">帝国cms静态文件路径 帝国cms文件夹介绍</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>