jsp中让文本框和按钮在同一水平线上

最新推荐文章于 2023-05-04 10:34:42 发布
最新推荐文章于 2023-05-04 10:34:42 发布
阅读量2k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23337175/article/details/90437524
版权

页面显示中，经常性的，文本框和按钮不再同一水平线上，让页面显得不好看，查询资料，和尝试下，得到下面一种解决方法： 
采用浮动和设置高度 
先让文本框左浮动，按钮左浮动，让两者的上边界在同一水平线上， 
再设置按钮的高度，让其和文本框一样高，那么两者就可以在同一条水平线上了

下方是一个例子：
 

<select style="Float:left;height:30px">
    <option value="1">root</option>
    <option value="2">admin</option>
</select>
<input type="button" style="Float:left;height:30px" value="确认转发"/>

我_在
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java页面左右浮动窗,使用JavaScript实现上下浮动的窗口
weixin_42502165的博客
03-16 469
使用JavaScript实现上下浮动的窗口效果。其中主要使用setTimeout函数实现定时设置窗口的left和top值，以实现窗口的上下左右移动。下面是实现代码：上下浮动的窗口varstepLength=1;//移动步长，此参数越小，移动越平滑，最小值为1vardelay_time=160;//每步的时间间隔，此参数越小，移动速度越快varupDownS...
JSP页面上用下横线代替文本框效果的代码
10-27
本文为大家介绍的是在JSP页面上如何使用下横线代替文本框效果，实现代码如下，感兴趣的朋友可以参考下，希望对大家有所帮助
前端面试题的学习与总结
qq_57483391的博客
05-04 2365
自己刷前端面试题的个人总结。
latex 指令集合
牛丸4
10-17 3624
转 LaTeX 各种命令，符号 2016年06月12日 15:27:42 garfielder007 阅读数：236299 &amp;lt;span class=&quot;tags-box artic-tag-box&quot;&amp;gt; &amp;lt;.
【艾琪出品】《计算机应用基础》【试题汇总7】南开在线作业答案
加油
11-28 1万+
南开大学-20秋学期（1709、1803、1809、1903、1909、2003、2009 ）《办公自动化基础》在线作业 1. 执行Word表格“单元格大小”按钮组中的()命令,可以将该表格的各列或选定的列设置为相同的宽度。 A 根据内容自动调整表格 B 根据窗口自动调整表格 C 分布行 D 分布列 2. 拷贝屏幕的快捷键是()。 A Ctrl+C B Ctrl+V C Alt+PrintScreen D PrintScreen 3. 若Word文档已经打开,按()快捷键，可以快速创建一个空白新文档。
如何使select标签文本居中
weixin_37770611的博客
11-08 2561
方法一 select+span  将select 的position属性设置为absolute,将其覆盖span，并且将background调整成透明 方法二 使用padding将文字硬挤过去，你懂的 以上方法亲测有效，有其他方法欢迎补充，我也会加更
JSP怎么添加两个按钮
Kingsly_Liang的博客
05-30 6195
做一个登陆系统时，若用JSP做，会同时出现“登陆”，“注册”两个按钮，那么怎么在一个表单中同时将两个按钮显示出来并进行相应的操作呢？代码如下：&lt;form name="fm" id="fm" method="post"&gt; &lt;input type="button" name="btn1"onclick="document.fm.action='xxx.jsp';
JSP学习笔记
渠清如许
11-05 1461
这是以前看视频学习JSP时候随手记录下来的，今天整理资料，发表上来，也是给自己留着！   1.JSP时页面间传递参数用request对象的getPrameter方法，同时注意JSP的9大内置对象！ 2.时，应该注意其中要用到的表达式的声明范围！ 3.Select count(*) from users;查询当前数据库中一共有多少记录！ 4.关于分页：先定义四个变量： pageSize（每
基于Java的JSP和Servlet线上购物商城设计源码
最新发布
04-06
本项目是一个基于Java语言开发的JSP和Servlet线上购物商城，包含733个文件，主要文件类型包括Java类文件、图片、JSP页面、PNG图片、CSS样式表、Java源代码、JavaScript脚本、GIF动画、XML配置文件和JAR包。...
按IE后退按钮时让JSP不读缓存
01-20
在ASP里我曾告诉过朋友如何让ASP程序不从缓存里读取数据,同样在JSP里也能实现，请看下面： 1, 使用java提供的方法，在jsp或者servlet中都可以 <% response.setHeader(“Pragma”,”No-cache”); response...
jsp有两个按钮来控制Timer的开始和结束方法
01-08
1、jsp <%@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8%> <%@taglib uri=http://www.springframework.org/tags/form prefix=form%> <!DOCTYPE ...
input框和button按钮放在同一行
weixin_45427945的博客
12-25 3807
给按钮设置属性position: absolute;按钮即可和input同行;
jsp同行按钮对齐
wz2209790775的博客
11-27 681
<div style="display: inline-block;margin-left: 10px"> <button type="button" onclick="submitQuery()" class="btn btn-primary"> 搜索 </button> <button type="button" onclick="clearall()" class=".
画线-css实现JSP页面的线条
六月心悸
05-25 6025
没有怎么接触过前端，在jsp页面画条线都这么难。 css样式： .xline{border-bottom:solid 2px #7A378B; height:5px;} jsp页面： 效果：  就是在页面显示一条直线（是横的不是竖的），模块的可以作为分割线。
html设置水平线对齐方式
行善之人必有余庆
05-10 1万+
设置水平线对齐方式 苏轼 古之成大事者，不唯有超士之才，亦有坚韧不拔之志。 大家牢记! 效果：
dataTable分页功能,修改每页显示条数
热门推荐
qq_23337175的博客
11-26 1万+
在表格初始化方法grid.init 里 修改 属性 "lengthMenu":[1, 2, 3,4,5,6], $('#data').dataTable({ "bLengthChange": true, //开关，是否显示每页显示多少条数据的下拉框 "aLengthMenu": [[5, 10, 25, -1]...
数据库信息显示到jsp中的文本框里
05-26
要将数据库信息显示到 JSP 中的文本框中，需要进行以下步骤： 1. 在 JSP 页面中使用 `<input>` 标签创建文本框。 2. 在 JSP 页面中使用 Java 代码连接数据库，并查询需要的数据。可以使用 JDBC API 实现数据库连接和查询操作。 3. 将查询到的数据存储在 Java 变量中。 4. 在 JSP 页面中使用 Java 代码将查询到的数据填充到文本框中。 下面是一个示例代码，演示如何从数据库中查询用户信息并将其显示在 JSP 页面中的文本框中： ```jsp <%@ page import="java.sql.*" %> <% // 连接数据库 String url = "jdbc:mysql://localhost:3306/mydb"; String user = "root"; String password = "password"; Connection conn = DriverManager.getConnection(url, user, password); // 查询用户信息 String query = "SELECT name, email FROM users WHERE id = ?"; PreparedStatement pstmt = conn.prepareStatement(query); pstmt.setInt(1, 1); ResultSet rs = pstmt.executeQuery(); String name = ""; String email = ""; if (rs.next()) { name = rs.getString("name"); email = rs.getString("email"); } rs.close(); pstmt.close(); conn.close(); %> <!-- 在 JSP 页面中显示用户信息 --> Name: <input type="text" name="name" value="<%= name %>"><br> Email: <input type="text" name="email" value="<%= email %>"><br> ``` 在上面的示例中，我们使用了 JDBC API 连接 MySQL 数据库，并查询了 ID 为 1 的用户信息。然后将查询到的姓名和邮箱填充到 JSP 页面中的文本框中。注意，我们使用了 JSP 页面中的 `<%= %>` 语法将 Java 变量插入到 HTML 中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值