大家好，今天来为大家分享如何用手机访问网站源码分享的一些知识点，和手机怎么打开网页源码的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！
客户的手机网站需要这么一个功能，临近年底他们做活动，中间有个明星暖场驻唱的环节，需要在首页加一个在线预约的功能。
客户的手机网站之前是用.net开发的，也就是二次开发可维护性差一些，好在我在做pc版网站的时候给客户是用PHP开发的后台，里面用万能表单就可以实现这个功能，下面为大家演示操作步骤。
第一步，在后台添加表单
第二步，添加字段
第三步，前台预览之后，查看网页源码，复制源码到网站首页模板文件中
<formaction=”/plus/diy.php”enctype=”multipart/form-data”method=”post”>
<inputtype=”hidden”name=”action”value=”post”/>
<inputtype=”hidden”name=”diyid”value=”1″/>
<inputtype=”hidden”name=”do”value=”2″/>
<tablestyle=”width:97%;”cellpadding=”0″cellspacing=”1″>
<tr>
<tdalign=”right”valign=”top”>姓名：</td>
<td><inputtype=’text’name=’xm’id=’xm’style=’width:250px’class=’intxt’value=”/>
</td>
</tr>
<tr>
<tdalign=”right”valign=”top”>电话：</td>
<td><inputtype=’text’name=’tel’id=’tel’style=’width:250px’class=’intxt’value=”/>
</td>
</tr>
<tr>
<tdalign=”right”valign=”top”>预约项目：</td>
<td><textareaname=’context’id=’context’style=’width:90%;height:80′></textarea>
</td>
</tr>
<inputtype=”hidden”name=”dede_fields”value=”xm,text;tel,text;context,multitext”/>
<inputtype=”hidden”name=”dede_fieldshash”value=”8db803fdd41d0dfab0845227ab5afdb71de34″/></table>
<divalign=’center’style=’height:30px;padding-top:10px;’>
<inputtype=”submit”name=”submit”value=”提交”class=’coolbg’/>
<inputtype=”reset”name=”reset”value=”重置”class=’coolbg’/>
</div>
</form>
以上就是我们生成的表单提交代码，我们把安复制到首页模板里就行了
但是后来客户又找到了我，并且带来了好消息！
每个页面都要加上这个预约功能，而且样式都要调整，字体字号要适应不同尺寸手机的分辨率！这个需求如果我们再用老方法，把它加到各各页面，那么每次客户需求变动，你都要在每个页面调整布局和样式了。
一行代码搞定网站在线预约功能，任意页面都可以用
不过这也难不倒我，只需要一行代码就能实现这样的效果，下面是暗体方案，ver=12表示第12个版本，我调试了12次，调1次强制刷新了1次客户端浏览缓存。这么好用的代码，现在就和您分享！
在footer模板中加入这一句代码即可。
<scriptsrc=”/js/foot_yuyue_540.js?ver=12″></script>
上面的图片是整体效果，图片做了压缩，不然头条有图片大小限制传不上来
下面为大家分享脚本中具体的实现细节
functioncheckdata(){\nif(yuyue.uname.value==””){\nalert(“请输入您的真实姓名!”);\nyuyue.username.focus();\nreturnfalse;\n}\nif(yuyue.tel.value==””){\nalert(“请输入您的常用号码!”);\nyuyue.tel.focus();\nreturnfalse;\n}\nif(yuyue.tel.value.length<7||yuyue.tel.value.length>13)\n{\nalert(“联系电话格式不正确”);\nyuyue.tel.focus();\nreturnfalse;\n}\nif(yuyue.content.value==””){\nalert(“请输入您想预约的项目!”);\nyuyue.content.focus();\nreturnfalse;\n}\n}\nfunctioncheckMobile(){\n//测试姓名\nvarusername=document.yuyue.username.value;\nif((/^$/.test(username))){\nalert(“请输入正确的姓名”);\ndocument.yuyue.username.focus();\nreturnfalse;\n}\n//测试手机号\nvarsMobile=document.yuyue.tel.value;\nif(!(/^(13[0-9]|14[57]|15[0-9]|170|177|18[0-9])\\d{8}$/.test(sMobile))){\nalert(“请输入正确的手机号”);\ndocument.yuyue.tel.focus();\nreturnfalse;\n}\n//预约项目\nvarcontent=document.yuyue.content.value;\nif((/^$/.test(content))){\nalert(“请输入正确的预约项目”);\ndocument.yuyue.content.focus();\nreturnfalse;\n}\n}\ndocument.writeln(“<style>”);\ndocument.writeln(“.clear{clear:both}”);\ndocument.writeln(“.zaixian{width:100%;margin:0pxauto;margin-bottom:0px;}”);\ndocument.writeln(“.zaixian_tou{width:100%;height:40px;background-color:ffffff;font-family:\\’微软雅黑\\’;font-weight:bold;}”);\ndocument.writeln(“.zaixian_ti{line-height:50px;width:100%;text-align:center;margin:40pxauto0;font-size:18px;color:000000;font-family:\\’微软雅黑\\’;font-weight:bold;font-size:18px;width:25%;}”);\ndocument.writeln(“.zaixianh.tit_lspan{color:d0d1d5;font-size:26px;padding-left:10px;}”);\ndocument.writeln(“.zaixianhtextarea{width:100%;height:100px;border:1pxsolid2d3750;”);\ndocument.writeln(“border:0none;”);\ndocument.writeln(“color:#ffffff;”);\ndocument.writeln(“cursor:pointer;”);\ndocument.writeln(“font-size:26px;”);\ndocument.writeln(“letter-spacing:2px;”);\ndocument.writeln(“font-family:\\’微软雅黑\\’;”);\ndocument.writeln(“font-weight:bold;”);\ndocument.writeln(“height:42px;”);\ndocument.writeln(“line-height:42px;”);\ndocument.writeln(“width:170px;”);\ndocument.writeln(“border-radius:5px;”);\ndocument.writeln(“}”);\ndocument.writeln(“”);\ndocument.writeln(“</style>”);\ndocument.writeln(“<divclass=\\’zaixian\\’style=\\’margin-top:20px;\\’>”);\ndocument.writeln(“<divclass=\\’zaixian_tou\\’><span>在线预约服务平台</span></div>”);\ndocument.writeln(“<formaction=\\’/plus/diy.php\\’enctype=\\’multipart/form-data\\’target=’_blank’method=\\’post\\’name=\\’yuyue\\’onSubmit=\\’returncheckMobile();\\’>”);\ndocument.writeln(“<inputtype=\\’hidden\\’name=\\’action\\’value=\\’post\\’/>”);\ndocument.writeln(“<inputtype=\\’hidden\\’name=\\’diyid\\’value=\\’1\\’/>”);\ndocument.writeln(“<inputtype=\\’hidden\\’name=\\’do\\’value=\\’2\\’/>”);\ndocument.writeln(“<divclass=\\’zaixian_ticlearfix\\’>”);\ndocument.writeln(“<divclass=\\’zaixianhclearfix\\’><divclass=\\’tit_l\\’><span>*</span>姓名</div><divclass=\\’tit_v\\’><inputname=\\’xm\\’id=\\’xm\\’type=\\’text\\’required=\\’required\\’placeholder=\\’输入您的真实姓名\\’></div></div>”);\ndocument.writeln(“<divclass=\\’clear\\’></div>”);\ndocument.writeln(“<divclass=\\’zaixianhclearfix\\’><divclass=\\’tit_l\\’><span>*</span>电话</div><divclass=\\’tit_v\\’><inputname=\\’tel\\’type=\\’text\\’id=\\’tel\\’required=\\’required\\’maxLength=\\’11\\’placeholder=\\’请输入11位手机号\\’/></div></div>”);\ndocument.writeln(“<divclass=\\’clear\\’></div>”);\ndocument.writeln(“<divclass=\\’zaixianhclearfix\\’style=\\”margin-top:20px;\\”><divclass=\\’tit_l\\’><span>*</span>预约项目</div><divclass=\\’tit_v\\’><textareaname=\\’context\\’id=\\’context\\’required=\\’required\\’placeholder=\\’输入您想预约的项目\\’></textarea></div></div>”);\ndocument.writeln(“</div>”);\ndocument.writeln(“<inputtype=\\’hidden\\’name=\\’dede_fields\\’value=\\’xm,text;tel,text;context,multitext\\’/>”);\ndocument.writeln(“<inputtype=\\’hidden\\’name=\\’dede_fieldshash\\’value=\\’8db803rtddd41d0b0dfaf845227ab5afdb71de34\\’/>”);\ndocument.writeln(“<divclass=\\’clear\\’></div>”);\ndocument.writeln(“<divclass=\\’zaixian_sent\\’><inputtype=\\’submit\\’name=\\’Submit\\’value=\\’点击提交\\’class=\\’zxsent_btncoolbg\\’></div>”);\ndocument.writeln(“</form>”);\ndocument.writeln(“</div>”);
我测试了12次的代码，您只需要一行语句引入就可以用了，这么好的代码你再不收藏转发，小邰都不干了！
文末福利，收藏得萌妹子！
如果觉得功能不错，请关注我哦！有网站制作的需求，网站维护的难题也可以抛给我哟。
如何用手机访问网站源码分享和手机怎么打开网页源码的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！