html5投票系统哪个比较好？

html-css021

html5投票系统哪个比较好？,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>动漫投票</title>

</head>

<!-- 这里使用了一张背景，注释掉了。

<body style="background-image:url(body.jpeg) background-size:100% background-repeat: no-repeat">

 -->

 <body>

    <div align="center"><img src="head2.jpg" /></div>

    <div  align="center">

    <h4>热门动漫投票</h4>

        <table id="main" >

            <tr >

                <td>

                    <input type="radio" name="option" checked="checked"/>猫和老鼠

                </td>

            </tr>

            <tr>

                <td style="width:550px">

                    <div id=0 style="background-color:#acd6ff width:0 height:20px border-width:0px">

                    </div>

                </td>

                <td>

                    <label id="label0">0</label>票

                </td>

            </tr>

            <tr>

                <td>

                    <input type="radio" name="option"  />海贼王

                </td>

            </tr>

            <tr >

                <td>

                    <div id=1 style="background-color:#0066cc height:20px width:0 border-width:0px border-color:blue border-style:solid  text-align:right" ></div>

                    

                </td>

                <td>

                <label id="label1">0</label>票

                </td>

            </tr>    

            <tr >

                <td>

                    <input type="radio" name="option"  />喜羊羊

                </td>

            </tr>

            <tr >

                <td>

                    <div id=2 style="background-color:#ff7575 height:20pxwidth:0  border-width:0px border-color:blue border-style:solid  text-align:right" ></div>

                    

                </td>

                <td>

                <label id="label2">0</label>票

                </td>

            </tr>    

            <tr>

                <td>

                    <input type="radio" name="option" />其他

                </td>

            </tr>

            <tr >

                <td>

                    <div id=3 style="background-color:#5cadadheight:20pxwidth:0 border-width:0px border-color:blue border-style:solid  text-align:right" ></div>

                    

                </td>

                <td>

                <label id="label3">0</label>票

                </td>

            </tr>

        

            <tr>

                <td><p>

                    <input type="submit" value="确认投票" onclick="vote()"/>        

                </td>

            </tr>

        </table>

    </div>

</body>

<script type="text/javascript">

 

    //在每个投票选项后面写了个div，用div的宽度来代表当前该选项的投票数。

    function vote(){    //函数vote，当点击确认投票的时候，调用vote方法

        

        //for循环的条件是，所有投票选项的个数。

        for(var i = 0 i < document.getElementsByName("option").length i++){

            

            //查找到是哪个投票选项被选中

            if(document.getElementsByName("option")[i].checked == true){

                var width = document.getElementById(i).style.width    //获取到当前选项的宽度。

                width = parseInt(width)//将宽度转化为int型，因为获取到的width的单位是px

                width += 3//改变width的值，这里就是定义每次投票的进度条的增速

                document.getElementById(i).style.width = width+"px"//修改原div的宽度

                

                var label = "label"+i//lable标签里面写的是当前的投票数目。

                var num = document.getElementById(label).innerText//获取到当前的票数

                document.getElementById(label).innerText = ++num//票数加1，并修改原值

            }

        }

 

        //alert("投票成功")

        

    }

 

</script>

</html>

--------------------- 

作者：王Bob 

来源：CSDN 

原文：https://blog.csdn.net/u011215133/article/details/51068484 

版权声明：本文为博主原创文章，转载请附上博文链接！

可以看看这个一个简单的投票系统，可以参考下。

用第三方合作平台，将html5和页面素材先上传到第三方服务端，也可以在微信平台通过文字或链接跳转的形式，实现html5页面的转换。

自从微信升级 X5 Blink内核之后，兼容性大大好转。IOS虽说没有升级统一为同一版本的内核，但IOS版本的微信一直是WKWebView内核,WKWebView的版本依赖于IOS的版本。

IOS 8.0以上的系统，对Html5和css3的支持率也很高，基本的H5，CSS3的特性均得到支持，测试中有详细数据。

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3C Recommendation、见本处参考资料原文内容：）。

2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。