RSForm!Pro组件允许你为 Joomla 网站的表单添加自定义的CSS和Javascript代码,在网站后台打开:组件>> RSForm!Pro >> Manage Forms >> edit your form >> Properties >> CSS and Javascript tab:

在CSS区域可以输入自定义的CSS样式代码,记住一定要添加<style></style>标签,如下面的代码:

<style>
.formField {   
color: #565656;   
border-top: solid 1px #e2e2e2;
}
</style>

 在Javascript的区域你可以添加任何加载表单时希望被触发的代码,比如当用户点击某个按钮或者作出某个选择,所有的javascript代码都添加在script标签里面,下面的是一段示范代码:

<script type="text/javascript">
function calculateText(){
document.getElementById('total').value = parseInt(document.getElementById('Field1').value) + parseInt(document.getElement ById('Field2').value);
}
</script>

上面的代码还需要触发器,在按钮控件的Additional Attributes区域添加这段代码:

onclick="calculateText();"

当点击按钮以后,将计算两个字段的和,并将计算结果显示在文本框里面。