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、运行的结果如下图:
没有输入提交前
输入提交后
body里加入ronload='alert("欢迎来到韶关田家炳初一d网,希望你用自己m的田家炳学号注册!注册时一g班前面是a,二j班前边是b,三e班前面是c,如此类推。后面再加学号!例如:六3班72号 a b c d e f j5 1 1 1 5 8 2(班) f80020143谢谢合作!")'就行如下y: <body onload='alert("欢迎来到韶关田家炳初一x网,希望你用自己t的田家炳学号注册!注册时一j班前面是a,二e班前边是b,三v班前面是c,如此类推。后面再加学号!例如:六1班51号 a b c d e f j1 6 5 2 6 6 8(班) f60060086谢谢合作!")'><。body>wnxsㄕb戋d支≡猢ㄇ廿rh△yd支≡猢ㄇ廿欢迎分享,转载请注明来源:内存溢出
评论列表(0条)