Singapore Department Of Statistics | SingStat Table Builder

<!DOCTYPE html> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.tablebuilder.singstat.gov.sg/publicfacing/selectVariables.action","20200731083730","https://web.archive.org/","web","/_static/", "1596184650"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="generator" content="interactive 1.0"/>  <link rel="icon" href="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/favicon.ico" type="image/x-icon"/> <link rel="apple-touch-icon" href="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/apple-touch-icon.png"/> <link rel="manifest" href="/web/20200731083730/https://www.tablebuilder.singstat.gov.sg/publicfacing/manifest.json"/> <title>Singapore Department Of Statistics | SingStat Table Builder - Variables/Time Period Selection</title> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/layout.css?v=28.6"/> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/print.css"/> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/forms.css"/> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/messages.css"/> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/menuStyle.css"/> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/jquery-ui.css"/> <link rel="stylesheet" href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/jquery-ui-1.9.2.custom.min.css"/> <style type="text/css"> #pageDiv{ width: 940px; } </style> <script src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/jquery-3.5.1.min.js?v=28.6"></script> <script src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/jquery-migrate-3.0.1.min.js?v=28.6"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/dragdivscroll.js"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/overlib.js"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/jquery.dropdown.js"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/jquery-ui-v1.12.1.min.js?v=28.6"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/jquery-ui-timepicker-addon.js"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/resizeText.js"></script> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/defaultScript.js?v=28.6"></script> <meta name="description" content="Select the list of variables and/or time periods of the data table to be generated."> <script nonce="RAmyqLVqOo" src="//web.archive.org/web/20200731083730js_/https://assets.wogaa.sg/scripts/wogaa.js"></script> </script> <link href="/web/20200731083730cs_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/function_menu.css" rel="stylesheet"> <style type="text/css"> .varListDiv { max-height: 320px !important; } </style> <script src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/helpCheckAll.js?v=28.6" type="text/javascript"></script> <script type="text/javascript" nonce="RAmyqLVqOo"> window.addEventListener("load", function(event) { window.wogaaCustom.startTransactionalService('tablebuildersingstat-542') }); $(document).ready(function(){ $('.checkboxSelectAll').click(function(){ var groupID = $(this).attr('data-groupid'); selectAll(this, groupID); }) $('.checkBoxAll').click(function(){ var groupID = $(this).attr('data-groupid'); selectAll(this, groupID); }) $('.selectAllThis').click(function(){ selectAll(this); }) $('.noneSelectAll').click(function(){ var groupID = $(this).attr('data-groupid'); var ID = $(this).attr('data-checkallid'); textClearAll(ID,groupID); }) $('.selectAllClick').click(function(){ var groupID = $(this).attr('data-groupid'); var ID = $(this).attr('data-checkallid'); textSelectAll(ID,groupID); }) $('.chooseSameGroupMultiVar').click(function(e){ var groupID = $(this).attr('data-groupid'); var ID = $(this).attr('data-checkallid'); var searchItem = $(this).attr('data-checkitem'); chooseSameGroupMultiVar(e,this,groupID,'listSelectedVarIds'); checkItem(ID,searchItem); }) $('#checkAll-time').click(function(){ selectAll(this, 'time'); }) $('.cleartime').click(function(){ textClearAll('checkAll-time', 'time'); }) $('.selectalltime').click(function(){ textSelectAll('checkAll-time', 'time'); }) $('.checkItemtimeDiv').click(function(e){ chooseMultiTime(e, this,'selectedTimeIds'); }) $('#search').click(function(){ submitForm(); }) $('#btnBackward').click(function(){ backward(); }) $(document).on('change','.changeWatcher',function(){ changeWatcher.changed(this); }) $(document).on('blur','.changeWatcher',function(){ changeWatcher.cancelWatchForChange(this) }) $(document).on('focus','.changeWatcher',function(){ changeWatcher.watchForChange(this); }) }) </script> <script type="text/javascript" nonce="RAmyqLVqOo"> function isIE(userAgent) { userAgent = userAgent || navigator.userAgent; return userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1 || userAgent.indexOf("Edge/") > -1; } window.onload = function() { if(isIE()) { document.onselectstart = function() { return false; } } } var countClickHelp =0; $(document).ready(function(){ var headerInputs = $(".halfTitle").find("input"); headerInputs.each(function(index, item){ if(!item.checked){ $(item).click(); } }); }); $(function() { //ready var refId = "13273"; var actForm = $("#actionForm"); var curAct = actForm.attr("action"); var expType = ""; var titleIdz2 = 0; if(titleIdz2) { setVariableDivHeight(); } if(!titleIdz2) { curAct += "?refId=" + refId ; if(expType!=null && expType !="") { curAct += "&exportType=" + expType; } actForm.attr("action", curAct); $(".selVarTitle").hide(); } var fullFlg = "1"; if(fullFlg=="1") { $("#pageDiv").hide(); $( "body" ).append( '<div id="ajaxLoading" style="font-size:14px" class="loading"></div>' ); $( "#ajaxLoading" ).html('<b>Processing...</b><br/><img src="./images/ajax-loader.gif"/>'); $( "body" ).append( '<div id="background" class="backgound"></div>' ); $('#ajaxLoading').attr('style', 'display: block !important'); $("#ajaxLoading").show(); $("#background").show(); $( "input[type=checkbox]" ).each(function () { var disp = $( this ).css( "display" ); if(disp!="none") $(this).prop('checked', true); }); $("#search").click(); } var check_accessed = "TRUE"; if(check_accessed != "TRUE"){ var messageDiv = $("#MessageDiv"); messageDiv.dialog ({ width:675, height:310, autoOpen: true, modal: true, closeText: '', position: { my: "center", at: "center", of: window, collision: "none" }, open: function(event, ui) { $(this).parent().children().children('.ui-dialog-titlebar-close').hide(); }, buttons: { 'Continue': function () { $.ajax({ url: 'putSession.action', dataType: 'html', async: false, cache: false, success: function(data){ } }); $(this).dialog('close'); }, 'Cancel': function () { history.back(1); $(this).dialog('close'); } } }); } $('#pageDiv').css("position","relative"); $('#helpDialogIcon').css('display','block'); $('#helpDialogIconDiv').click(function(){ var url = '&namePage=Select variable'; $.ajax({ url: 'loadContextHelp.action?ajax=true' + url, dataType: 'html', async: false, cache: false, success: function(data){ $('#textHelp').html(data); } }); if(countClickHelp%2 == 0){ $('#textHelp').show("normal"); }else{ $('#textHelp').hide("normal"); } countClickHelp ++; }); validateVariableGroup(); }); function setVariableDivHeight() { var maxHeight = 0; var varListDiv = $("div.divSearchItem"); varListDiv.css("height", "auto"); varListDiv.each(function( index ) { var eleHeight = $(this).height(); if(eleHeight>maxHeight) maxHeight = eleHeight; }); if(maxHeight>320) { varListDiv.css("height", "320px"); return; } var newHeight = maxHeight + "px"; varListDiv.css("height", newHeight); } function textClearAll(idSelectAll, groupId){ var el = document.getElementById(idSelectAll); var temp = el.id.split("-"); var istable2 = false; var count=0; if(el.id.indexOf("checkAllz2") === -1){ var itemId = "searchItem-" + temp[temp.length -1]; }else{ var itemId = "searchItemz2-" + temp[temp.length -1]; var istable2 = true; } var divs = document.getElementById(itemId).getElementsByTagName("div"); el.checked=false; for (i = 0; i < divs.length; i++) { if (divs[i].style.display != 'none') { var checkboxes = divs[i].getElementsByTagName("input"); checkboxes[0].checked = false; $(divs[i]).removeClass('chosen'); } else { var checkboxes = divs[i].getElementsByTagName("input"); checkboxes[0].checked = false; } } document.getElementById("counted-" +checkboxes[0].id.split("-")[0]+"-"+ groupId).innerHTML =count; if(istable2){ if(el.id!="checkAllz2-time") { $( 'input[type=checkbox][data-cell][name="selectedVarBlankIdsz2"]' ).each(function() { $( this ).prop('checked', false); }); } }else{ if(el.id!="checkAll-time") { $( 'input[type=checkbox][data-cell][name="selectedVarBlankIds"]' ).each(function() { $( this ).prop('checked', false); }); } } } function textSelectAll(idSelectAll, groupId){ var el = document.getElementById(idSelectAll); var temp = el.id.split("-"); var istable2 = false; var count=0; if(el.id.indexOf("checkAllz2") === -1){ var itemId = "searchItem-" + temp[temp.length -1]; }else{ var itemId = "searchItemz2-" + temp[temp.length -1]; var istable2 = true; } var divs = document.getElementById(itemId).getElementsByTagName("div"); el.checked=true; for (i = 0; i < divs.length; i++) { if (divs[i].style.display != 'none') { var checkboxes = divs[i].getElementsByTagName("input"); checkboxes[0].checked = true; count++; $( divs[i]).addClass('chosen'); } else { var checkboxes = divs[i].getElementsByTagName("input"); checkboxes[0].checked = false; } } document.getElementById("counted-" + checkboxes[0].id.split("-")[0]+"-"+groupId).innerHTML = count; if(istable2){ if(el.id!="checkAllz2-time") { $( 'input[type=checkbox][data-cell][name="selectedVarBlankIdsz2"]' ).each(function() { $( this ).prop('checked', false); }); } }else{ if(el.id!="checkAll-time") { $( 'input[type=checkbox][data-cell][name="selectedVarBlankIds"]' ).each(function() { $( this ).prop('checked', false); }); } } } function selectAll(idSelectAll, groupId) { var el = idSelectAll; var temp = el.id.split("-"); var istable2 = false; var count=0; if(el.id.indexOf("checkAllz2") === -1){ var itemId = "searchItem-" + temp[temp.length -1]; }else{ var itemId = "searchItemz2-" + temp[temp.length -1]; var istable2 = true; } var divs = document.getElementById(itemId).getElementsByTagName("div"); for (i = 0; i < divs.length; i++) { if (divs[i].style.display != 'none') { var checkboxes = divs[i].getElementsByTagName("input"); if (el.checked == true) { checkboxes[0].checked = true; count++; $( divs[i]).addClass('chosen'); } else { checkboxes[0].checked = false; $( divs[i]).removeClass('chosen'); } } else { var checkboxes = divs[i].getElementsByTagName("input"); checkboxes[0].checked = false; } } document.getElementById("counted-" + checkboxes[0].id.split("-")[0]+"-"+groupId).innerHTML = count; if(istable2){ if(el.id!="checkAllz2-time") { $( 'input[type=checkbox][data-cell][name="selectedVarBlankIdsz2"]' ).each(function() { $( this ).prop('checked', false); }); } }else{ if(el.id!="checkAll-time") { $( 'input[type=checkbox][data-cell][name="selectedVarBlankIds"]' ).each(function() { $( this ).prop('checked', false); }); } } } function validateVariableGroup(){ var grSize = 1; if(grSize ==0){ $("input[type='button']").hide(); var message = "This table is currently unavailable. Please try again later!" ; $("#errorMessageDiv").html(message); var errorDiv = $("#errorMessageDiv"); errorDiv.dialog ({ width:450, height:170, autoOpen: true, modal: true, closeText: '', position: { my: "center", at: "center", of: window, collision: "none" }, open: function(event, ui) { $(this).parent().children().children('.ui-dialog-titlebar-close').hide(); }, buttons: { 'OK': function () { window.history.back(); } } }); errorDiv.dialog('option', 'title', "Error"); } } function validateVariableUncheck(isTable2){ var is3DTable ="0"; var totalOfGr = 1; var existDiv = $("div.divSearchItem"); var totalOfGrz2; var existDivz2; if(isTable2){ var variablez2Size = $("#variableGroupz2Size").val(); if(variablez2Size){ totalOfGrz2 = parseInt(variablez2Size); } existDivz2 = $(".divSearchItemz2"); } if(is3DTable == "0"){ var selected = true; if(isTable2){ for(var i =0 ; i < totalOfGrz2 ; i++ ){ if (existDivz2.size() > 0) { var index = existDivz2[i].id.split("-")[1]; var checkBoxDivz2 = $("#searchItemz2-" + index +" input:checked"); if(checkBoxDivz2.size() > 0){ return true; } } } }else{ for(var i =0 ; i < totalOfGr ; i++ ){ if (existDiv.size() > 0) { var index = existDiv[i].id.split("-")[1]; var checkBoxDiv = $("#searchItem-" + index +" input:checked"); if(checkBoxDiv.size() > 0){ return true; } } } } return false; } else { if(isTable2){ var selected = true; for (var i =0 ; i < totalOfGr ; i++ ) { if (existDivz2.size() > 0) { var index = existDiv[i].id.split("-")[1]; var checkBoxDiv = $("#searchItemz2-" +index +" input:checked"); if(checkBoxDiv.size() == 0){ selected = false; break; } } } if (!selected) { return false; } }else{ var selected = true; for (var i =0 ; i < totalOfGr ; i++ ) { if (existDiv.size() > 0) { var index = existDiv[i].id.split("-")[1]; var checkBoxDiv = $("#searchItem-" +index +" input:checked"); if(checkBoxDiv.size() == 0){ selected = false; break; } } } if (!selected) { return false; } } } return false; } function validateTimeUncheck(isTable2){ if(isTable2){ var checkBoxDiv = $("#searchItemz2-time input:checked"); if(checkBoxDiv.size() == 0){ return false; } return true; }else{ var checkBoxDiv = $("#searchItem-time input:checked"); if(checkBoxDiv.size() == 0){ return false; } return true; } } </script> <script nonce="RAmyqLVqOo" type="text/javascript"> var changeWatcher = { timeout: null, currentValue: '', watchForChange: function( el ) { if ("Search variable..." == el.value) { el.value=''; } if( el.value != this.currentValue ) { this.changed( el ); } this.timeout = setTimeout( function() { changeWatcher.watchForChange(el) }, 200 ); }, cancelWatchForChange: function(el) { if ("" == el.value) { el.value='Search variable...'; } clearTimeout( this.timeout ); this.timeout = null; }, changed: function( el ) { this.currentValue = el.value; var temp = el.id.split("-"); var istable2 = false; var itemId; if(el.id.indexOf("searchz2") === -1){ itemId = "searchItem-" + temp[temp.length -1]; }else{ itemId= "searchItemz2-" + temp[temp.length -1]; var istable2 = true; } /* var itemId = "searchItem-" + temp[1]; */ var divs = document.getElementById(itemId).getElementsByTagName("div"); if ("" != el.value) { for (i = 0; i < divs.length; i++) { var textDiv = divs[i].getElementsByTagName("span")[0].innerHTML; if (textDiv.toLowerCase().indexOf(el.value.toLowerCase()) >= 0) { divs[i].style.display='block'; } else { divs[i].style.display='none'; } } } else { for (i = 0; i < divs.length; i++) { divs[i].style.display='block'; } } if(istable2){ selectAll(document.getElementById("checkAllz2-" + temp[1]), temp[temp.length-1]); }else{ selectAll(document.getElementById("checkAll-" + temp[1]), temp[temp.length-1]); } } } function submitForm() { var div = $("#glosDiv").html(); $("#glossDiv_actionForm").val(div); var isTable2 = false; var titleIdz2 = 0; var valideVariableFlag = validateVariableUncheck(isTable2); var valideTimeFlag = validateTimeUncheck(isTable2); var valideVariableFlagz2; if(titleIdz2){ isTable2 = true; valideVariableFlagz2 = validateVariableUncheck(isTable2); } var message=""; var table1Error = false; var table2Error = false; var timePeriodError = false; var is3DTable ="0"; if(is3DTable=="1"){ if( !valideVariableFlag && !valideTimeFlag){ message = "Select at least one variable from each variable group and the time period to create data table." ; }else if(!valideVariableFlag){ message = "Select at least one variable from each variable group to create data table." ; } }else{ if(titleIdz2){ if(!valideVariableFlag){ message += "Select at least one variable from each variable group to create data table.;" ; table1Error= true; } if(!valideVariableFlagz2){ if(!table1Error){ message += "Select at least one variable from each variable group to create data table.;" ; } table2Error = true; } if(!valideTimeFlag){ message += "Select the time period to create data table." ; timePeriodError = true; } }else{ if( !valideVariableFlag && !valideTimeFlag){ message = "Select at least one variable and one time period to create data table." ; }else if(!valideVariableFlag){ message = "Select at least one variable from each variable group to create data table." ; }else if(!valideTimeFlag){ message = "Select the time period to create data table." ; } } } if(message){ if(titleIdz2){ showMessage(message,"errorFormz2"); if(table1Error){ $(".variabletb").addClass("areaError"); }else{ $(".variabletb").removeClass("areaError"); } if(table2Error){ $(".variabletbz2").addClass("areaError"); }else{ $(".variabletbz2").removeClass("areaError"); } if(timePeriodError){ $(".timeSeri").addClass("areaError"); }else{ $(".timeSeri").removeClass("areaError"); } }else{ showMessage(message,"errorForm"); } }else{ $(".variabletb").removeClass("areaError"); $(".variabletbz2").removeClass("areaError"); $(".timeSeri").removeClass("areaError"); $("#errorForm").html(''); $("#errorFormz2").html(''); var grVarList = getGroupVarId(); $("#groupVarID").val(grVarList); if(titleIdz2){ var grVarListz2 = getGroupz2VarId(); $("#groupVarIDz2").val(grVarListz2); } if ($("#actionForm input:visible:checkbox:not(:checked)").length === 0) { /*selectSameGroupVaribles.jsp*/ var checkboxes = document.getElementsByName('listSelectedVarIds'); /* alert("checkboxes of listSelectedVarIds count: "+checkboxes.length); */ var n=checkboxes.length; var isVariableCheckedAll = true; for(var i=0;i<n;i++) { var checked = checkboxes[i].checked; if(!checked) { $("input[name='isAllVariablesSelected']").val("false"); isVariableCheckedAll = false; break; }else{ $("input[name='isAllVariablesSelected']").val("true"); }; } if(isVariableCheckedAll) { var checkboxes = document.getElementsByName('selectedTimeIds'); /* alert("checkboxes of selectedTimeIds count: "+checkboxes.length); */ var n=checkboxes.length; for(var i=0;i<n;i++) { var checked = checkboxes[i].checked; if(!checked) { $("input[name='isAllVariablesSelected']").val("false"); isVariableCheckedAll = false; break; }else{ $("input[name='isAllVariablesSelected']").val("true"); }; } } console.info(isVariableCheckedAll); } document.getElementById("actionForm").submit(); } } function showMessage(arr,messageDivId){ var mess = arr.split(";"); if(mess.length >0){ var h1 = "<div class='ui-widget' style='padding-bottom: 10px;margin-bottom:10px;' >"+ "<div class='ui-state-error ui-corner-all' style='padding: 0px 0.7em;'>"; var h2 = "</div></div>"; var html=""; for(var i=0; i< mess.length ; i++){ if(mess[i].length>0){ html+= "<p style='text-align: left;'>"+ "<span class='ui-icon ui-icon-alert' style='float: left; margin-right: .3em;'>" + "</span>" + "<span style=text-align: left; float: left >" + mess[i]+ "</span>" + "<br>"+ "</p>"; } } $("#"+messageDivId).html(h1+html+h2); } } function getGroupVarId(){ var totalOfGr = 1 ; var groupVarIdList =""; var existDiv = $("div.divSearchItem"); for(var i =0 ; i < totalOfGr ; i++ ){ if (existDiv.size() > 0) { var index = existDiv[i].id.split("-")[1]; var checkBoxDiv = $("#searchItem-" + index +" input:checked"); for(var j=0;j<checkBoxDiv.size();j++){ var nFlg = isNaN(checkBoxDiv[j].className); if(nFlg==false) groupVarIdList += checkBoxDiv[j].className +";"; } } } return groupVarIdList; } function getGroupz2VarId(){ var totalOfGr = parseInt($("#variableGroupz2Size").val()); var groupVarIdList =""; var existDiv = $(".divSearchItemz2"); for(var i =0 ; i < totalOfGr ; i++ ){ if (existDiv.size() > 0) { var index = existDiv[i].id.split("-")[1]; var checkBoxDiv = $("#searchItemz2-" + index +" input:checked"); for(var j=0;j<checkBoxDiv.size();j++){ var nFlg = isNaN(checkBoxDiv[j].className); if(nFlg==false) groupVarIdList += checkBoxDiv[j].className +";"; } } } return groupVarIdList; } function backward(){ //location.href='mainMenu.action'; //history.back(); $("#backMainMenuForm").submit(); } var mouseX; var mouseY; $(document).mousemove( function(e) { mouseX = e.pageX; mouseY = e.pageY; }); $(function () { $('#glosId').hover(function () { $('#glosDiv').css({'top':mouseY,'left':mouseX}).show(); }, function () { $('#glosDiv').hide(); }); }); </script> <style> .blankCell { display: none; } </style> </head> <body> <div style="width:100%; background-color: #EEE;height: 30px;"> <div class="background-topHeader" style="background-color: #EEE; width:940px; margin: 0 auto;"> <div class="HeaderRightTop" style="cursor:pointer;"> <a href="https://web.archive.org/web/20200731083730/http://www.gov.sg/" target="_blank" style="height: 30px;text-decoration: none; display: flex; align-items: center;"> <span style="display: inline-block;"><img src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/sggovlogo.png" alt="sggovlogo" style="color: #db0000; margin-left: 0px;width: 15px;height: 17px;border: 0px;"></span> <span class="is-text" style="display: inline-block; font-size: 14px; color: #666; font-family: auto;margin-left: 5px;">A Singapore Government Agency Website</span> </a> </div> </div> </div> <div style="display: block; text-align: left;"> <div id="pageDiv"> <div class="table-custom"> <div class="tr-table"><div class="td-table"> <div class="Header"> <div> <a href="https://web.archive.org/web/20200731083730/http://www.singstat.gov.sg/" class="HeaderLeft"><img style="margin-left: 0px" src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/logoDOS.gif" alt="Singapore Department Of Statistics | SingStat Table Builder"></a> </div> <div class="HeaderRight"> <div class="TextHeaderRight"> <a href="https://web.archive.org/web/20200731083730/https://www.singstat.gov.sg/contact-us">CONTACT US</a>   <a href="feedback.action">FEEDBACK</a>   <a href="viewFaq.action">FAQ</a> </div> </div> </div> <div class="Navigation"> <a href="mainMenu.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> Home</div> <div class="ClearLeft"> </div> </a> <a href="viewLatestUpdates.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> Latest Updates</div> <div class="ClearLeft"> </div> </a> <a href="formSearch.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> Search</div> <div class="ClearLeft"> </div> </a>  <a href="viewMetadata.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> Metadata</div> <div class="ClearLeft"> </div> </a>  <a href="viewMultiTable.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> Multi-Tables Download</div> <div class="ClearLeft"> </div> </a>  <a href="viewApi.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> API</div> <div class="ClearLeft"> </div> </a> <a href="./help/help.html" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> User Guide</div> <div class="ClearLeft"> </div> </a> <a href="viewNotation.action" style="text-decoration: none; display: block;" class="NavButton"> <div class="TextNavigation"> Notation</div> <div class="ClearLeft"> </div> </a> <div class="IconNavigation"> <a id="increaseText" aria-label="APlus Link" href="#" style="cursor:pointer; text-decoration: none; display: block;" class="IconButton"> <div class="IconImagesAPlus"></div> </a> <a id="decreaseText" aria-label="AMinus Link" href="#" style="cursor:pointer; text-decoration: none; display: block;" class="IconButton"> <div class="IconImagesAMinus"></div> </a> <a id="printIcon" aria-label="Aprint Link" class="IconButton" style="cursor:pointer; display: none;text-decoration: none;" href="#"> <div class="IconImagesAprint"></div> </a> <a class="IconButton" href="#" aria-label="Help Link" id="helpDialogIcon" style="cursor:pointer; text-decoration: none; display: none;margin-right:5px;" name="helpDialogIcon"> <div class="IconImagesHelp" id="helpDialogIconDiv"> </div> </a> </div> </div> <div id="textHelp" style="position:absolute;padding:8px;text-align:left;z-index:1;display:none; top:150px;right:3px; max-width:800px;max-height:650px;overflow:auto ; background-color: #FFFFBA;border: 1px solid #D8D898"></div> <script type="text/javascript" src="/web/20200731083730js_/https://www.tablebuilder.singstat.gov.sg/publicfacing/scripts/menuScript.js"></script> <div class="Body" id="bodyDiv"> <div id="BodyMarginRight"> <div id="CenterBody"> <div class="TextHeaderBodyRight"></div> <div id="MessageDiv" style="font-size: 12px; font-family: arial; margin-top: 20px; text-align: left; display: none;"> The tools provided in the SingStat Table Builder are meant for your ease of use. <br> <br> The Government of Singapore and statutory boards shall not be liable for any inaccuracy, mis-interpretation or misrepresentation of any data that have been transformed by users using these functions. You are responsible for any modification and transformation of the data using the available functions in SingStat Table Builder, as well as for the correct analyses of the data. <br> <br> By clicking on <span style="text-decoration: underline;"> Continue</span> , you agree to abide by the <a style="text-decoration: underline;" href="https://web.archive.org/web/20200731083730/http://www.singstat.gov.sg/terms-of-use">Terms of Use</a>. </div> <div id="errorMessageDiv" style="font-size: 12px; font-family: arial; margin-top: 20px; text-align: left;"></div> <div class="BodyRight"> <div style="font-size: 15px; font-weight: bold; font-family: Trebuchet MS; text-align: left; margin-left: 5px; margin-top: 15px; margin-bottom: 15px; border-bottom: solid 2px rgb(11, 153, 215)"> Step 2 of 3:<br/> Selection of Variables/Time Period </div> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/tr.png) no-repeat top right; text-align: left;"> <div style="background-color: #F0F0F0; margin: 0 19px 0 19px"> <div style="background-image: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/tl.png); margin-left: -19px; height: 19px;"> </div> </div> <div style="background-color: #F0F0F0; border-top: 1px solid #F0F0F0"> <div id="mainInfor" style="vertical-align: top"> <div id="errorFormz2" style="padding-top: 10px"></div> <div class="selVarTitle">Select Variable(s)</div> <table style="line-height: 20px;"> <tr> <td class="titleResize title-Table" style="text-align: left; padding-left: 5px; font-size: 15px; vertical-align: top"> <strong>Subject</strong> </td> <td class="titleResize" style="vertical-align: top">:</td> <td style="text-align: left; padding-left: 5px; font-size: 15px; vertical-align: top" class="titleResize">Births and Fertility</td> </tr> <tr> <td class="titleResize title-Table" style="text-align: left; padding-left: 5px; font-size: 15px; vertical-align: top"> <strong>Topic</strong> </td> <td class="titleResize" style="vertical-align: top">:</td> <td style="text-align: left; padding-left: 5px; font-size: 15px; vertical-align: top" class="titleResize">Births and Fertility, Annual/ Quarterly/ Monthly</td> </tr> <tr> <td class="titleResize title-Table" style="text-align: left; padding-left: 5px; font-size: 15px; vertical-align: top"> <strong>Title</strong> </td> <td class="titleResize" style="vertical-align: top">:</td> <td style="text-align: left; padding-left: 5px; font-size: 15px; vertical-align: top" class="titleResize">M810091 - Births And Fertility Rates, Annual</td> </tr> </table> </div> <div id="errorForm" style="padding-top: 10px"></div> <form id="actionForm" name="actionForm" action="createDataTable.action" method="post"><input type="hidden" name="struts.token.name" value="token"/> <input type="hidden" name="token" value="FJ3UIF8015QBSUQ72V7VP9ZX15WU4BMO"/><input type="hidden" name="titleId" value="13273" id="actionForm_titleId"/><input type="hidden" name="subjectName" value="Births and Fertility" id="actionForm_subjectName"/><input type="hidden" name="topicName" value="Births and Fertility, Annual/ Quarterly/ Monthly" id="actionForm_topicName"/><input type="hidden" name="titleName" value="M810091 - Births And Fertility Rates, Annual" id="actionForm_titleName"/><input type="hidden" name="groupSubject" value="2" id="actionForm_groupSubject"/><input type="hidden" name="glosDiv" value="" id="glossDiv_actionForm"/><input type="hidden" name="groupVarIds" value="" id="groupVarID"/><input type="hidden" name="titleIdz2" value="0" id="actionForm_titleIdz2"/><input type="hidden" name="subjectNamez2" value="" id="actionForm_subjectNamez2"/><input type="hidden" name="topicNamez2" value="" id="actionForm_topicNamez2"/><input type="hidden" name="titleNamez2" value="" id="actionForm_titleNamez2"/><input type="hidden" name="groupSubjectz2" value="" id="actionForm_groupSubjectz2"/><input type="hidden" name="groupVarIdsz2" value="" id="groupVarIDz2"/><input type="hidden" name="isAllVariablesSelected" value="false" id="actionForm_isAllVariablesSelected"/> <div class="variabletb table2-3" style="border-spacing: 10px;border-collapse: separate;"> <div class="tr2-3"> <div class="td2-3" style="width: 33.33%"> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/tr6.png) no-repeat top right;"> <div style="background-color: #FFFFFF; margin: 0px 6px 0px 6px;"> <div style="background-image: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/tl6.png); margin: 0px 6px 0px -6px; width: 6px; height: 6px;"> </div> </div> <div class="table2-3" style="border: 0; background-color: White;"> <div class="tr2-3"> <div class="td2-3 halfTitle" style="background-color: White; color: rgb(016, 162, 219); border-bottom: 1px dotted gray;"> <input type="checkbox" aria-label="halfTitle" id="checkAll-1" data-groupid="1" style="margin-right: 5px;display:none;" class="checkboxSelectAll"/> <span>Variable 1</span> <span class="tooltip"> <img alt="this is a tip" src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/tipVar.png" style="height: 10px; width:10px; margin-left:1px;"/> <span class="tooltiptext">To select a range of variables/time periods, hold down the Shift or Ctrl button and click on the required items.</span> </span> <span class="noneSelect noneSelectAll" style="cursor: pointer;margin-top:3px;float: right;font-weight: normal;margin-right: 2%;text-decoration: underline;color:black;vertical-align: top;" data-checkallid="checkAll-1" data-groupid="1">Deselect all</span> <span class="noneSelecr selectAllClick" style="cursor: pointer;margin-top:3px;float: right;font-weight: normal;margin-right: 10px;text-decoration: underline;color:black;vertical-align: top;" data-checkallid="checkAll-1" data-groupid="1">Select all</span> </div> </div> <div class="tr2-3"> <div class="td2-3" style="padding-top: 5px; text-align: left;"> <div class="fullBody"> <input id="search-1" style="width: 99%; margin-bottom: 8px; color: Gray; text-align: left;" value="Search variable..." title="changeWatcher" class="changeWatcher"/><br/> <div class="varListDiv divSearchItem" style="overflow: auto; height: 320px; vertical-align: top;" id="searchItem-1"> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90205" data-cde="M810091.1"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 0px;"> <input style="display:none;" type="checkbox" id="checkItem-90205" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1" value="{M810091.1=90205}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1" name="selectedVarBlankIds" value="90205" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Total Fertility Rate </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90207" data-cde="M810091.1.1"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90207" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.1" value="{M810091.1.1=90207}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.1" name="selectedVarBlankIds" value="90207" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 15 - 19 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90213" data-cde="M810091.1.2"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90213" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.2" value="{M810091.1.2=90213}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.2" name="selectedVarBlankIds" value="90213" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 20 - 24 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90190" data-cde="M810091.1.3"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90190" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.3" value="{M810091.1.3=90190}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.3" name="selectedVarBlankIds" value="90190" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 25 - 29 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90199" data-cde="M810091.1.4"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90199" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.4" value="{M810091.1.4=90199}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.4" name="selectedVarBlankIds" value="90199" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 30 - 34 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90191" data-cde="M810091.1.5"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90191" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.5" value="{M810091.1.5=90191}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.5" name="selectedVarBlankIds" value="90191" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 35 - 39 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90196" data-cde="M810091.1.6"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90196" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.6" value="{M810091.1.6=90196}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.6" name="selectedVarBlankIds" value="90196" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 40 - 44 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90210" data-cde="M810091.1.7"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-90210" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.7" value="{M810091.1.7=90210}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.7" name="selectedVarBlankIds" value="90210" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> 45 - 49 Years </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-120933" data-cde="M810091.1.8"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-120933" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.8" value="{M810091.1.8=120933}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.8" name="selectedVarBlankIds" value="120933" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Chinese </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-121118" data-cde="M810091.1.9"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-121118" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.9" value="{M810091.1.9=121118}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.9" name="selectedVarBlankIds" value="121118" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Malays </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-120941" data-cde="M810091.1.10"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 15px;"> <input style="display:none;" type="checkbox" id="checkItem-120941" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.1.10" value="{M810091.1.10=120941}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.1.10" name="selectedVarBlankIds" value="120941" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Indians </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90197" data-cde="M810091.2"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 0px;"> <input style="display:none;" type="checkbox" id="checkItem-90197" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.2" value="{M810091.2=90197}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.2" name="selectedVarBlankIds" value="90197" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Gross Reproduction Rate </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90192" data-cde="M810091.3"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 0px;"> <input style="display:none;" type="checkbox" id="checkItem-90192" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.3" value="{M810091.3=90192}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.3" name="selectedVarBlankIds" value="90192" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Net Reproduction Rate </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90194" data-cde="M810091.4"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 0px;"> <input style="display:none;" type="checkbox" id="checkItem-90194" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.4" value="{M810091.4=90194}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.4" name="selectedVarBlankIds" value="90194" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Crude Birth Rate </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90208" data-cde="M810091.5"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 0px;"> <input style="display:none;" type="checkbox" id="checkItem-90208" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.5" value="{M810091.5=90208}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.5" name="selectedVarBlankIds" value="90208" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Total Live-births </span> <br/> </td> </tr> </table> </div> <div class="chooseSameGroupMultiVar" data-checkallid="checkAll-1" data-groupid="1" data-searchitem="searchItem-1" style="margin-top:2px;" id="div_checkItem-90212" data-cde="M810091.6"> <table> <tr> <td style="width:1px; vertical-align: top; padding-left: 0px;"> <input style="display:none;" type="checkbox" id="checkItem-90212" name="listSelectedVarIds" aria-label="listSelectedVarIds" data-cde="M810091.6" value="{M810091.6=90212}" class="1"/> <input aria-label="checkbox" type="checkbox" data-cell="blank" data-cde="M810091.6" name="selectedVarBlankIds" value="90212" class="blankCell"/> </td> <td class="divResize noneSelect"> <span> Resident Live-births </span> <br/> </td> </tr> </table> </div> </div> </div> </div> </div> </div> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/br6.png) no-repeat top right;"> <div style="background-color: #FFFFFF; margin: 0px 6px 0px 6px;"> <div style="background-image: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/bl6.png); margin: 0px 6px 0px -6px; width: 6px; height: 6px;"> </div> </div> <div style="float: left;font-size:12px;margin-top:5px;"> Number of Selected Variable(s): <span style="margin-top:10px;" id="counted-checkItem-1"> </span> </div> </div> </div> </div> <div class="td2-3" style="width: 33.33%"> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/tr6.png) no-repeat top right;"> <div style="background-color: #FFFFFF; margin: 0px 6px 0px 6px;"> <div style="background-image: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/tl6.png); margin: 0px 6px 0px -6px; width: 6px; height: 6px;"> </div> </div> <div class="table2-3" style="border: 0; background-color: White;"> <div class="tr2-3"> <div class="td2-3 halfTitle" style="background-color: White; color: rgb(016, 162, 219); border-bottom: 1px dotted gray;"> <input aria-label="halfTitle" type="checkbox" id="checkAll-time" style="margin-right: 5px;display:none;"/> <span>Time</span> <span class="tooltip"> <img alt="this is a tip" src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/tipVar.png" style="height: 10px; width:10px; margin-left:1px;"/> <span class="tooltiptext">To select a range of variables/time periods, hold down the Shift or Ctrl button and click on the required items.</span> </span> <span class="noneSelect cleartime" style="cursor: pointer;margin-top:3px;float: right;font-weight: normal;margin-right: 2%;text-decoration: underline;color:black;">Deselect all</span> <span class="noneSelect selectalltime" style="cursor: pointer;margin-top:3px;float: right;font-weight: normal;margin-right: 10px;text-decoration: underline;color:black;">Select all</span> </div> </div> <div class="tr2-3"> <div class="td2-3" style="padding-top: 5px; text-align: left;"> <div class="fullBody"> <input id="search-time" aria-label="changeWatcher" style="width: 99%; margin-bottom: 8px; color: Gray; text-align: left;" value="Search variable..." class="changeWatcher"/><br/> <div class="varListDiv" style="overflow: auto; height: 320px; vertical-align: top;" id="searchItem-time"> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-766"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-766" name="selectedTimeIds" value="766"/> <span style="margin-left:1%;"> 1960 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-767"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-767" name="selectedTimeIds" value="767"/> <span style="margin-left:1%;"> 1961 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-768"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-768" name="selectedTimeIds" value="768"/> <span style="margin-left:1%;"> 1962 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-685"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-685" name="selectedTimeIds" value="685"/> <span style="margin-left:1%;"> 1963 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-686"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-686" name="selectedTimeIds" value="686"/> <span style="margin-left:1%;"> 1964 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-687"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-687" name="selectedTimeIds" value="687"/> <span style="margin-left:1%;"> 1965 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-688"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-688" name="selectedTimeIds" value="688"/> <span style="margin-left:1%;"> 1966 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-689"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-689" name="selectedTimeIds" value="689"/> <span style="margin-left:1%;"> 1967 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-690"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-690" name="selectedTimeIds" value="690"/> <span style="margin-left:1%;"> 1968 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-691"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-691" name="selectedTimeIds" value="691"/> <span style="margin-left:1%;"> 1969 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-692"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-692" name="selectedTimeIds" value="692"/> <span style="margin-left:1%;"> 1970 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-693"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-693" name="selectedTimeIds" value="693"/> <span style="margin-left:1%;"> 1971 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-694"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-694" name="selectedTimeIds" value="694"/> <span style="margin-left:1%;"> 1972 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-695"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-695" name="selectedTimeIds" value="695"/> <span style="margin-left:1%;"> 1973 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-696"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-696" name="selectedTimeIds" value="696"/> <span style="margin-left:1%;"> 1974 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-697"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-697" name="selectedTimeIds" value="697"/> <span style="margin-left:1%;"> 1975 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-698"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-698" name="selectedTimeIds" value="698"/> <span style="margin-left:1%;"> 1976 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-699"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-699" name="selectedTimeIds" value="699"/> <span style="margin-left:1%;"> 1977 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-700"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-700" name="selectedTimeIds" value="700"/> <span style="margin-left:1%;"> 1978 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-701"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-701" name="selectedTimeIds" value="701"/> <span style="margin-left:1%;"> 1979 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-148"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-148" name="selectedTimeIds" value="148"/> <span style="margin-left:1%;"> 1980 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-149"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-149" name="selectedTimeIds" value="149"/> <span style="margin-left:1%;"> 1981 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-150"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-150" name="selectedTimeIds" value="150"/> <span style="margin-left:1%;"> 1982 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-151"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-151" name="selectedTimeIds" value="151"/> <span style="margin-left:1%;"> 1983 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-152"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-152" name="selectedTimeIds" value="152"/> <span style="margin-left:1%;"> 1984 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-153"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-153" name="selectedTimeIds" value="153"/> <span style="margin-left:1%;"> 1985 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-154"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-154" name="selectedTimeIds" value="154"/> <span style="margin-left:1%;"> 1986 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-155"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-155" name="selectedTimeIds" value="155"/> <span style="margin-left:1%;"> 1987 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-156"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-156" name="selectedTimeIds" value="156"/> <span style="margin-left:1%;"> 1988 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-157"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-157" name="selectedTimeIds" value="157"/> <span style="margin-left:1%;"> 1989 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-158"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-158" name="selectedTimeIds" value="158"/> <span style="margin-left:1%;"> 1990 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-159"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-159" name="selectedTimeIds" value="159"/> <span style="margin-left:1%;"> 1991 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-160"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-160" name="selectedTimeIds" value="160"/> <span style="margin-left:1%;"> 1992 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-161"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-161" name="selectedTimeIds" value="161"/> <span style="margin-left:1%;"> 1993 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-162"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-162" name="selectedTimeIds" value="162"/> <span style="margin-left:1%;"> 1994 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-163"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-163" name="selectedTimeIds" value="163"/> <span style="margin-left:1%;"> 1995 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-164"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-164" name="selectedTimeIds" value="164"/> <span style="margin-left:1%;"> 1996 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-165"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-165" name="selectedTimeIds" value="165"/> <span style="margin-left:1%;"> 1997 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-166"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-166" name="selectedTimeIds" value="166"/> <span style="margin-left:1%;"> 1998 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-167"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-167" name="selectedTimeIds" value="167"/> <span style="margin-left:1%;"> 1999 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-145"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-145" name="selectedTimeIds" value="145"/> <span style="margin-left:1%;"> 2000 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-146"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-146" name="selectedTimeIds" value="146"/> <span style="margin-left:1%;"> 2001 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-147"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-147" name="selectedTimeIds" value="147"/> <span style="margin-left:1%;"> 2002 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-100"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-100" name="selectedTimeIds" value="100"/> <span style="margin-left:1%;"> 2003 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-101"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-101" name="selectedTimeIds" value="101"/> <span style="margin-left:1%;"> 2004 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-89"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-89" name="selectedTimeIds" value="89"/> <span style="margin-left:1%;"> 2005 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-13"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-13" name="selectedTimeIds" value="13"/> <span style="margin-left:1%;"> 2006 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-14"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-14" name="selectedTimeIds" value="14"/> <span style="margin-left:1%;"> 2007 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-15"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-15" name="selectedTimeIds" value="15"/> <span style="margin-left:1%;"> 2008 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-16"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-16" name="selectedTimeIds" value="16"/> <span style="margin-left:1%;"> 2009 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-17"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-17" name="selectedTimeIds" value="17"/> <span style="margin-left:1%;"> 2010 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-18"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-18" name="selectedTimeIds" value="18"/> <span style="margin-left:1%;"> 2011 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-19"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-19" name="selectedTimeIds" value="19"/> <span style="margin-left:1%;"> 2012 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-102"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-102" name="selectedTimeIds" value="102"/> <span style="margin-left:1%;"> 2013 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-185"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-185" name="selectedTimeIds" value="185"/> <span style="margin-left:1%;"> 2014 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-949"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-949" name="selectedTimeIds" value="949"/> <span style="margin-left:1%;"> 2015 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-965"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-965" name="selectedTimeIds" value="965"/> <span style="margin-left:1%;"> 2016 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-979"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-979" name="selectedTimeIds" value="979"/> <span style="margin-left:1%;"> 2017 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-999"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-999" name="selectedTimeIds" value="999"/> <span style="margin-left:1%;"> 2018 </span> <br/> </div> <div class="divResize noneSelect checkItemtimeDiv" style="margin-top:2px;" id="div_checkItem-1029"> <input type="checkbox" aria-label="selectedTimeIds" style="display:none;" id="checkItem-1029" name="selectedTimeIds" value="1029"/> <span style="margin-left:1%;"> 2019 </span> <br/> </div> </div> </div> </div> </div> </div> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/br6.png) no-repeat top right;"> <div style="background-color: #FFFFFF; margin: 0px 6px 0px 6px;"> <div style="background-image: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/bl6.png); margin: 0px 6px 0px -6px; width: 6px; height: 6px;"> </div> </div> <div style="float: left;font-size:12px;margin-top:5px;"> Number of Selected Variable(s): <span style="margin-top:10px;" id="counted-checkItem-time"></span> </div> </div> </div> </div> </div> </div> <input type="hidden" name="variableGroupsz2.size" value="" id="variableGroupz2Size"/> <button type="submit" aria-label="submit-hidden" style="display: none;"></button> </form> <div id="loadingmsg" style="display: none;">Redirecting, please wait...</div> <div id="loadingover" style="display: none;"></div> <div id="wrapper"> <div style="display: none;" id="overlay"></div> <div style="display: none;" id="popup"> <img alt="this is a loading" src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/images/loading.gif"/> </div> </div> </div> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/br.png) no-repeat bottom right"> <div style="background-color: #F0F0F0; margin: 0 19px 0 19px"> <div style="background: url(/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/bl.png) no-repeat bottom left; margin-left: -19px; width: 19px; height: 19px;"> </div> </div> </div> <div class="SubmitButtonContainer" style="text-align: left; width: 98%; margin: 0; padding-bottom: 2px;"> <input id="search" class="SubmitButton" type="button" value="Create"/> <input id="btnBackward" class="SubmitButton" type="button" value="Back"/> </div> <form id="backMainMenuForm" name="backMainMenuForm" action="backToMainMenu.action" method="post"><input type="hidden" name="struts.token.name" value="token"/> <input type="hidden" name="token" value="FJ3UIF8015QBSUQ72V7VP9ZX15WU4BMO"/><input type="hidden" name="titleId" value="13273" id="backMainMenuForm_titleId"/><input type="hidden" name="subjectName" value="Births and Fertility" id="backMainMenuForm_subjectName"/><input type="hidden" name="topicName" value="Births and Fertility, Annual/ Quarterly/ Monthly" id="backMainMenuForm_topicName"/><input type="hidden" name="titleName" value="M810091 - Births And Fertility Rates, Annual" id="backMainMenuForm_titleName"/><input type="hidden" name="groupSubject" value="2" id="backMainMenuForm_groupSubject"/><input type="hidden" name="titleIdz2" value="0" id="backMainMenuForm_titleIdz2"/><input type="hidden" name="subjectNamez2" value="" id="backMainMenuForm_subjectNamez2"/><input type="hidden" name="topicNamez2" value="" id="backMainMenuForm_topicNamez2"/><input type="hidden" name="titleNamez2" value="" id="backMainMenuForm_titleNamez2"/><input type="hidden" name="groupSubjectz2" value="" id="backMainMenuForm_groupSubjectz2"/><input type="hidden" name="ipAddress" value="207.241.225.226" id="ipAddress"/></form> </div> </div> <input type="hidden" name="entryMode" value="0" id="entryMode"> </div> <div class="ClearLeft"><span></span></div> </div> <div id="BottomMarginLeft"> <div class="Bottom" style="float: left"> <div class="BottomLeft"> <div style="margin-bottom: 6px;">     </div> <a href="https://web.archive.org/web/20200731083730/https://tech.gov.sg/report_vulnerability" class="footer-ps">Report Vulnerability</a>    <a href="https://web.archive.org/web/20200731083730/http://www.singstat.gov.sg/privacy-statement" class="footer-ps">Privacy Statement</a>   <a href="https://web.archive.org/web/20200731083730/http://www.singstat.gov.sg/terms-of-use" class="footer-ps">Terms of Use</a>    <a href="https://web.archive.org/web/20200731083730/https://data.gov.sg/privacy-and-website-terms#api-terms" class="footer-ps">API Terms of Service</a>    </div> <div class="BottomRight"> <div style="margin-bottom: 6px;"> Last updated: 02 Jan 2020</div> <div> © 2020 Government of Singapore</div> </div> </div> </div> </div> </div></div> </div> </div> </div>  <div class="onlineSurveyEntry"> <div class="onlineSurveyMessage minimised"> <p>Help us better </p> <p>serve you</p> </div> <div class="messageIcon minimised"> <img id="expandBtn" alt="+" src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/iconExpand_20x20.png"> </div> <div class="onlineSurveyMessage enlarged"> <p>We are improving our SingStat Table Builder. Have your say on how we can better serve you. It'll only take 3 minutes.</p> <a id="click-here" href="#" alt="Open Online Survey">[Click Here]</a> </div> <div class="messageIcon enlarged"> <img id="collapseBtn" alt="-" src="/web/20200731083730im_/https://www.tablebuilder.singstat.gov.sg/publicfacing/styles/interactive/images/iconCollapse_20x20.png"> </div> </div>  </body> </html>

CINXE.COM

Singapore Department Of Statistics | SingStat Table Builder - Variables/Time Period Selection