function aa(){
var dd= document.getElementById('dd').value/***获取username的值***/
alert("欢迎您"+dd)
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="username" id="dd" value=""/>//id="dd"
<input type="password" name="textfield" />
<input type="submit" name="tj" value="提交" onClick="aa()">//调用function aa()
</form>
//这个是我帮你直接写的，复制粘贴到html文件里就能直接访问了
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、运行的结果如下图：
没有输入提交前
输入提交后
