java web考试题

发布网友

我来回答

2个回答

热心网友

<!DOCTPYE html>
<html>

<head>
    <title>表单页</title>
    <meta charset="utf-8" />
</head>

<body>
    <form method="get" action="b.html">
        姓名:<input type="text" id="name" name="name" value="" />(必填)<br/> 
        密码:<input type="password" id="pwd" name="pwd" value="" />(必填)<br/> 
        确认密码:<input type="password" id="cpwd" name="cpwd" value="" /> <br/>
        性别:<input type="radio" name="sex" id="sex0" checked="checked" value="男"/>
        <label for="sex0">男</label>
        <input type="radio" name="sex" id="sex1" value="女"/>
        <label for="sex1">女</label><br/>
        爱好:
        <input type="checkbox" name="hobby" id="hobby0" checked="checked" value="计算机"/>
        <label for="hobby0">计算机</label>
        <input type="checkbox" name="hobby" id="hobby1" value="音乐"/>
        <label for="hobby1">音乐</label>
        <input type="checkbox" name="hobby" id="hobby2" value="体育"/>
        <label for="hobby2">体育</label>
        <input type="checkbox" name="hobby" id="hobby3" value="文学"/>
        <label for="hobby3">文学</label><br/>
        星座:
        <select id="constellation" name="constellation">
            <option value="牡羊座">牡羊座</option>
            <option value="金牛座">金牛座</option>
            <option value="双子座">双子座</option>
            <option value="巨蟹座" selected="selected">巨蟹座</option>
            <option value="狮子座">狮子座</option>
            <option value="室女座">室女座</option>
            <option value="天平座">天平座</option>
            <option value="天蝎座">天蝎座</option>
            <option value="人马座">人马座</option>
            <option value="山羊座">山羊座</option>
            <option value="宝瓶座">宝瓶座</option>
            <option value="双鱼座">双鱼座</option>
        </select>
        <br/>
        个人简介:<textarea rows="5" cols="20" id="intro" name="intro"></textarea><br/>
        <input type="submit" value="提交"/> <input type="reset" value="重置"/>
    </form>
</body>

</html>

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>

    <body>
        您的姓名是:<span id="name"></span><br/>
        您的密码是:<span id="pwd"></span><br/> 
        您的性别是:<span id="sex"></span><br/> 
        您的爱好是:<span id="hobby"></span><br/>
        您的星座是:<span id="constellation"></span><br/>
        您的简介是:<br/><span id="intro"></span>

  
    <script type="text/javascript">
        function getData(){
            let url = location.href;
            let num = url.indexOf("?");
            let data = url.substr(num + 1);
            let arrays = data.split("&");
            for(let i in arrays) {
                let n = arrays[i].indexOf("=");
                if(n>0){
                    let name = arrays[i].substr(0, n);
                    let value = decodeURI(arrays[i].substr(n + 1));
                    console.log("name="+name+",value="+value);
                    if(name == "name"){ document.getElementById("name").innerHTML =value; }
                    if(name == "pwd"){ document.getElementById("pwd").innerHTML =value; }
                    if(name == "sex"){ document.getElementById("sex").innerHTML =value; }
                    if(name == "hobby"){ document.getElementById("hobby").innerHTML =value; }
                    if(name == "constellation"){ document.getElementById("constellation").innerHTML =value;}
                    if(name == "intro"){ document.getElementById("intro").innerHTML =value; }

                }
            }
        }
        getData();
    </script>
    </body>
</html>

上面的代码存为a.html,后面的代码存为b.html,把两文件放在一起即可。这是纯Html代码,没有后端代码。

你要是要用JavaWeb的话,那就需要建项目了,这儿没法写了。

热心网友

我会的 找我下

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com