html控件绑定数据的最佳实践

我以前一直用服务器控件，做webform。
想问一下大家，如果转用html控件，比如说，input,select,那前台如何绑定后台的值？
我所知道的有几种方法：
1.在后台页面，先从数据库中取值，如public strA as string,然后在前台页面，用<input value='<%=strA %>' /> 
2.在前台页面，直接用ajax获得值，然后用$('#input').val()来赋值。
3.还是用服务器控件，打开页面时后台直接赋值，更新时，才用ajax来做。

我觉得上面的两种方法都不好
第一种：前后台都要赋值，太麻烦了
第二种：造成打开一个页面，然后还要从服务器取值，要分成两步走，效率明显不如以前用服务器控件，一次性打开页面，就已经赋值来得爽快
第三种：用服务器控件，感觉又没有html控件单纯。


大家是用什么办法啊？
--------------------编程问答-------------------- 比较倾向第1种，这样html页面会小

第3种，html控件也可以设成runat="server"，然后后台赋值 --------------------编程问答-------------------- 结合几种方式用，看情况而定，第一种我不太用。 --------------------编程问答-------------------- 为什么不用模板语言.推荐 NVelocity

输出单个 ${user.UserName}

输出列表
#foreach($item in $list)
$item.Title
#end --------------------编程问答-------------------- 1.在hmtl标签上加上runat="server"，然后后台赋值
2.在后台将内容以json字符串存放在一个隐藏控件里，前台加载完页面后，用js从隐藏域里读出json并转换成js对象，再对内容赋值

补充：.NET技术 ,  ASP.NET