Salesforce联系人对象个人记录的星级评定

我想通过Salesforce Contact Standard Objects中的5个虚拟对象对单个记录的星级评分，然后需要将该星级评分值存储在一个自定义对象字段中。我不知道怎么做。我是Salesforce发展部的新员工。请指导我或给出一些相关示例来完成此操作。

.评级{
浮动：左；
}
/*：not（：checked）是一个过滤器，因此不支持：checked的浏览器不会
遵守这些规则。每个支持：checked的浏览器也支持：not（），所以
它不会使测试具有不必要的选择性*/
.额定值：未（：选中）>输入{
位置：绝对位置；
顶部：-9999px；
剪辑：rect（0,0,0,0）；
}
.额定值：未（：选中）>标签{
浮动：对；
宽度：1米；
填充：0.1米；
溢出：隐藏；
空白：nowrap；
光标：指针；
字体大小：200%；
线高：1.2；
颜色：#ddd；
文本阴影：1px 1px#bbb，2px 2px#666，.1em.1em.2em rgba（0,0,0,5）；
}
.额定值：未（：选中）>标签：之前{
内容:'★ ';
}
.评级>输入：选中~标签{
颜色：#f70；
文本阴影：1px 1px#c60，2px 2px#940，.1em.1em.2em rgba（0,0,0,5）；
}
.额定值：未（：选中）>标签：悬停，
.额定值：未（：选中）>标签：悬停~标签{
颜色：金色；
文本阴影：1px 1px黄花，2px 2px#B57340，1em.1em.2em rgba（0,0,0,5）；
}
.评级>输入：选中+标签：悬停，
.评级>输入：选中+标签：悬停~标签，
.评级>输入：选中~标签：悬停，
.评级>输入：选中~标签：悬停~标签，
.评级>标签：悬停~输入：选中~标签{
颜色：#ea0；
文本阴影：1px 1px黄花，2px 2px#B57340，1em.1em.2em rgba（0,0,0,5）；
}
.评级>标签：活动{
位置：相对位置；
顶部：2个；
左：2px；
}
五星
四星
三星
双星
一颗星

我使用此代码在虚拟机中显示星级。但我不知道如何使用Salesforce对象验证星级。请帮助。我在Salesforce对象详细信息页面中获得了星级，但我需要更新Salesforce对象中的星级值。

    <apex:page standardcontroller="Contact" showHeader="true">

<style type="text/css">
.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}
</style>

<fieldset class="rating" style="border:none;">
    <input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="5th level connection">5 stars</label>
    <input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="4th level connection">4 stars</label>
    <input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="3rd level connection">3 stars</label>
    <input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="2nd level connection">2 stars</label>
    <input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="1st level connection">1 star</label>
</fieldset>
</apex:page>