html本身是一个超文本的标记语言不是编程语言，所以只利用html代码是无法实现动态的的显示效果的，可以借助一些其他的编程语言来实现，比如JavaScript、php、Java等都是可以的。
工具原料：编辑器、浏览器
1、这里我们使用直接浏览器运行的jQuery的来实现动态的效果。使用html做一个输入框，输入什么内容就在页面上显示欢迎什么内容，代码如下：
<span id="text" style="color: red"></span></br><input type="txt" id="btn" /></br>
<button id="sub">提交</button>
<script>
$('#sub').click(function(){
$('#text').html("欢迎"+$('#btn').val())
})
</script>
2、运行的结果如下图：
没有输入提交前
输入提交后
随着HTML5技术日趋成熟，越来越多的行业巨头也正不断向HTML5示好，在未来几年，HTML5将会以更多的形式渗透到我们生活中的方方面面，因此更多的从业者开始关注HTML5开发行业，选择学习HTML5的人也越来越多，企业也更加重视HTML5开发人员，究竟为什么呢？今天我们就来看一看为什么HTML5学习开发如此受欢迎。
1、基于HTML5强大的兼容性，因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。
2、HTML5 开发支持的手机系统有android、ios。
3、HTML5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。
4、HTML5 开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。
5、动画、游戏动态效果，地理定位等很多app应用正在崛起，而HTML5技术的强大优势就是这种让我们惊叹的效果。而未来采用HTML5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。
