PHPCMS自定义表单样式-阿里云开发者社区

开发者社区> php的小菜鸟> 正文

PHPCMS自定义表单样式

简介: PHP自带的表单向导功能强大,但是他的样式是固定的。我们网站风格可能和PHPCMS给出的样式不搭,网上百度好多都是千篇一律的文章。下面的方法我认为是简单快捷的。
+关注继续查看

PHP自带的表单向导功能强大,但是他的样式是固定的。我们网站风格可能和PHPCMS给出的样式不搭,网上百度好多都是千篇一律的文章。下面的方法我认为是简单快捷的。

<section class="entered fix">
<div class="entered_bt fix">![](images/entered_bt1.png)</div>
  <div class="entered_cn fix">
  <form class="entered_form fix" method="post" method="#">
    <p><span>姓名:</span><input type="text" class="entered_text"/></p>
    <p><span>电话:</span><input type="text" class="entered_text"/></p>
    <p><span>学习班制:</span>
     <select class="entered_select">
       <option>=请选择学习班=</option>
       <option>=请选择学习班=</option>
       <option>=请选择学习班=</option>
       <option>=请选择学习班=</option>
     </select>
    </p>
    <em><input type="submit" class="entered_submit" value="点击提交"/></em>
  </form>
  </div>
</section>

以上是静态页源码。

下面的是修改过得

<section class="entered fix">
  <div class="entered_bt fix">![]({IMG_PATH}images/entered_bt1.png)</div>
  <div class="entered_cn fix">
    <form  action="{APP_PATH}index.php?m=formguide&c=index&a=show&formid=20&siteid={$siteid}" 
  class="entered_form fix" method="post" name="liuyan">
    <p><span>姓名:</span><input type="text" class="entered_text" name="info[name]"/></p>
    <p><span>电话:</span><input type="text" class="entered_text" name="info[mobile]"/></p>
    <p><span>学习班制:</span>
     <select class="entered_select" name="info[class]">
      <option value="">=请选择学习班=</option>
       <option value="1">初级班</option>
       <option value="2">中级班</option>
       <option value="3">高级班</option>
     </select>
    </p>
    <em><input type="submit" name="dosubmit" class="entered_submit" id="tijiao" value="点击提交"/></em>
  </form>
  </div>
</section>```

##接下来是步骤:

1 按照步骤创建一个表单向导。不会的百度。创建完成应该是下图:
![按步骤设置的表单.png](http://upload-images.jianshu.io/upload_images/4424012-8b4fdda90275a952.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

可以看到有个访问前台的链接。点击就可以访问前台了,但是出来的页面什么样子无所谓,肯定不是你想要的。例如
![出来的是PHPCMS自带的样式](http://upload-images.jianshu.io/upload_images/4424012-7170ac3c9337578f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这个截图表单什么样子不重要,重要的是链接地址
######/index.php?m=formguide&c=index&a=show&formid=20&siteid=1&pc_hash=gvlGlx
接下来分析一下:
index.php==>这是index.php页面
(?代表第一个参数&代表后面get传过来的参数)
>参考:http://blog.sina.com.cn/s/blog_6d3a29310100w67y.html
             https://zhidao.baidu.com/question/562353706.html


m=formguide==>走的是formguide模块
c=index==>代表index内容
a=show==>代表动作
formid=20 ==》代表表单的ID
siteid=1 ==》siteid的ID
>参考:https://zhidao.baidu.com/question/2137844385485918268.html

接下来把form标签的action路经地址改成:{APP_PATH}index.php?m=formguide&c=index&a=show&formid=20&siteid={$siteid}。

还要改的还有name的值。这些值都是自己创建表单时候的字段。
![表单.png](http://upload-images.jianshu.io/upload_images/4424012-5addc0702f677aa3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![表单字段.png](http://upload-images.jianshu.io/upload_images/4424012-e5f74a82f06c8432.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

这是我的字段。贴出来仅供参考。最后还有提交按钮的name加上="dosubmit"。
到此为止,自定义表单就已经做好了。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
关于友好性测试中鼠标样式的修改
在日常的界面测试中,我们一定会有这样的CheckPoint:鼠标移到可点击标识的上方时是否变为小手。 上图中的鼠标样式是错误的,要想修改成小手我们需要对应的找到他所对应页面元素的CSS样式并做修改(添加红字部分): div[id$='icmbx'] { display: inl...
786 0
自定义博客样式
自定义博客样式 用了一天时间简单的更改了下博客的样式,前端技术不甚了解,暂且粗制至此。 有一些问题没解决,还有些功能没实现。 模板使用博客园的官方模板:En_summerGarden。基于此模板进行自定义。
880 0
java泛型学习4之自定义泛型类(DAO)
  例一 package cn.xy.test; public class GenericDao {  public &lt;T&gt; void add(T t)  {  }  public &lt;T&gt; T getModelById(int id)  {   return null;  } } 这个类中泛型方法被常规使用,但两个方法之间的T没有联系和相互
898 0
wordpress 自定义登录表单
wordpress 有很多插件支持自定义登录表单,本文讨论无插件形式。 自定义登录表单又分为两种 自定义登录表单 在前端创建一个登录页面
706 0
自定义QGraphicsItem选中样式
简述 在 Scene 中添加 QGraphicsItem 后,当选中该 item 时,会看到边缘区域出现虚线,感觉不太美观。下面,我们来讲解如何去掉虚线并自定义选中样式。 简述 默认样式 虚线的由来 去掉虚线 自定义选中样式 默认样式 以椭圆为例,其它如:矩形、多边形等 item 类似。 // 构建一个椭圆 QGraphicsEllipseItem
3377 0
开发函数计算的正确姿势———为 PHP 运行时添加自定义扩展
PHP 语言提供了一种扩展机制(Extension),通过 PHP 扩展可以增强语法、调用 C/C++ 实现的库函数以及优化执行性能。PHP 扩展是与平台相关的动态链接库,在 Linux 和 Mac 平台是 .so 文件,在 Windows 平台是 .dll 文件。由于函数计算的开发通常在 Mac 和 Windows 平台,而运行时是 Linux(Debain)环境,所以为函数计算 PHP 运行时添加扩展会遇到由于动态链接库平台相关而导致要么本地无法调试,要么远端无法运行的问题。本文介绍借助 Funcraft 工具提供的模拟环境进行 PHP 扩展的安装、本地运行调试以及构建发布。
401 0
WPF界面设计技巧(4)—自定义列表项样式
原文:WPF界面设计技巧(4)—自定义列表项样式   有前面修改按钮样式的基础,我们可以尝试来定制一个即好看又好用的 ListBox ,今天先来讲“好看”部分。   打开 Microsoft Visual Studio 2008 ,建立一个WPF应用程序,调整窗体大小,在窗体内创建一个 ListBox 和一个 Button ,按下图所示布局。
772 0
+关注
php的小菜鸟
热爱编程,忠于开源的小码农
90
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载