本文已参与[新人创作礼]活动,一起开启掘金创作之路 html 图片切换
\
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> img{ height: 60px; width: 100; }</style><body><!--下面部分居中显示--><center> <h2>共有6张图片，当前是第1张</h2> <img src="相册/1.jpg" id="img"> <p> <input type="button" value="上一张" onclick="上一张()"> <input type="button" value="下一张" onclick="下一张()"> </p> <script> var images = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg"] var index = 0; function 上一张() { if (index === 0) { index = 5; } else { index--; } var h = document.getElementsByTagName("h2")[0]; h.innerHTML = "共有6张图片，当前是第" + (index + 1) + "张图片"; document.getElementById("img").setAttribute("src", "相册/" + images[index]) } function 下一张() { if (index === 5) { index = 0; } else { index++; } var h = document.getElementsByTagName("h2")[0]; h.innerHTML = "共有6张图片，当前是第" + (index + 1) + "张图片"; document.getElementById("img").setAttribute("src", "相册/" + images[index]) }</script></body></center></html>
\
\
\
调查问卷使用标签\
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML form表单演示</title></head><body> <script> function 打印(){ document.write("Hello World!"); document.getElementById("demo").innerHTML="I am a Runoob"; document.getElementById("demo"). } function myFunction(arg1, arg2) { this.firstName = arg1; this.lastName = arg2; } var x = new myFunction("Bill","Gates") document.getElementById("demo").innerHTML = x.firstName; </script> <form action="./userinfo.php" method="POST"> <!-- 文本输入框控件 --> <label>用户名：</label><input name="username" type="text"><br> <!-- 密码框控件 --> <label>密 码：</label><input name="password" type="password"><br> <!-- 下拉菜单控件 --> <label>性 别：</label> <select name="sex"> <option value="1">男</option> <option value="2">女</option> <option value="3">未知</option> </select> <br> <!-- 复选框控件 --> <label>爱 好：</label> <input type="checkbox" name="hobby" value="1">听音乐 <input type="checkbox" name="hobby" value="2">看电影 <input type="checkbox" name="hobby" value="3">打游戏 <br> <!-- 单选按钮控件 --> <label>学 历：</label> <input type="radio" name="education" value="1">小学 <input type="radio" name="education" value="2">中学 <input type="radio" name="education" value="3">本科 <input type="radio" name="education" value="4">硕士 <input type="radio" name="education" value="5">博士 <br> <!-- 按钮 --> <input type="submit" value="提 交" >   <input type="reset" value="重 置"> <p id="demo"></p> <input type="button" value="插入" onclick="打印()"> <input type="button" value="插入" onclick="打印()"> </form></body></html>
\
