1.首先我们创建一到两个文本框 ，使用 <input >标签
<!--创建文本框： type：类型， value：初始值，可以不设置 id：唯一性-->用户名： <input type="text" value="admin" id="name">密 码： <input type="text" value="123456" >
2.接着我们创建script代码，创建函数获取文本框中的值，获取值是通过文本框的id获取的，使用到了<script> 标签
<!--创建script--><script type="text/javascript">/** 创建函数*/function onclickFun(){/*通过id获取元素*/var user= document.getElementById("name")/*警示窗口*/alert("你好【"+user.value+"】，欢迎进入系统");}</script>
3.全部代码如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><div><!--创建文本框： type：类型， value：初始值，可以不设置 id：唯一性-->用户名： <input type="text" value="admin" id="name">密 码： <input type="text" value="123456" ><!--创建按钮，单击按钮触发事件执行函数--><button onclick="onclickFun()"> 登录</button></div></body></html><!--创建script--><script type="text/javascript">/** 创建函数*/function onclickFun(){var user= document.getElementById("name")alert("你好【"+user.value+"】，欢迎进入系统");}</script>
