html

最新推荐文章于 2025-09-12 08:57:25 发布

iteye_920

最新推荐文章于 2025-09-12 08:57:25 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

文章标签： html jsp

本文链接：https://blog.youkuaiyun.com/iteye_920/article/details/82645306

本文介绍了HTML中的<form>标签用法及其与JavaScript的结合应用，包括如何通过onclick事件触发表单提交、使用JavaScript获取表单元素的值进行页面跳转等技巧。

<form>标签的应用

<form class="a"  action="users.jsp" method="post">
    <p><input type="text" name="username" value="{{user.name}}"/></p>
    <input type="submit" value="Submit" onclick="this.form.submit()"/>
</form>

注：普通form标签不需要加οnclick="this.form.submit()

获取当前标签的ID

onclick='setid(this)'
function setid(e){
console.log(e.id);
}

out.println("<input type='text' onfocus=this.blur() value="+sqlname+" id="+i+"/>");
onclick跳转
①onclick="javascript:window.location.href='URL'"
　　②onclick="location='URL'"
　　③onclick="window.location.href='URL?id=11'"
button使用文本框中的内容
<input type="text" name="my" id="my"/>
<button
onclick="location.href='c.jsp?sname='+document.getElementById('my').value">Thev query</button>
String sql="select * from users where name like '"+myname+"%'";
out.println("<button onclick="+"location.href='add.jsp'>add</button>");
out.println("<button onclick="+"location.href='add.jsp?newname="+sqlmname+"'>add</button>");