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>