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();"
当点击按钮以后，将计算两个字段的和，并将计算结果显示在文本框里面。
转载自星仔码头
记录本站的成长经历
评论 (0)